<html class="k-webkit k-webkit78"><head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Work Scope Master File</title>
	<style>
		.cmenu[data-toggle="collapse"]:after {
			display: none;
		}
	</style>
	<link href="/Content/themes/Theme1/kendo/css_bundler?v=9VgBzWup5yyKhtBsWYPtjZbT5dH7BWVPtZuteVWBXmQ1" rel="stylesheet">

	<link href="/Content/themes/Theme1/CMS/css_bundler?v=Guae_XPUQQS9En5IR9dXswZUSxGke23bmE1Fs4XGPbM1" rel="stylesheet">

	<script src="/bundles/CMS/JQuery?v=oxq446KY_M1HRSJz1N80DhWSP9rwsH5AJKRggWGSjro1"></script>

	<script src="/bundles/kendo?v=HNWkcCvBZvTofZr5F9u72Pph3rgmHr37z1A_FihMTHE1"></script>


</head>


<body>
	<script>
		var screenCategory = '';

		function SetScreenCategory(isEdit, isNeedToUpdateBreadCrumb) {
			if (isNeedToUpdateBreadCrumb == undefined || isNeedToUpdateBreadCrumb == null)
				isNeedToUpdateBreadCrumb = true;

			setTimeout(function () {
				if (isEdit != undefined && isEdit != '') {
					screenCategory = isEdit;
				}
				else {
					screenCategory = ''
				}
				if (isNeedToUpdateBreadCrumb) {
					var chk = sessionStorage.getItem('ReturnBackPageItem');
					if (chk != null && chk.indexOf('Contract_Tab') == -1) {
						ReplaceCMSBreadCrumb();
					}
				}
			}, 100);

		}

		//start clientside session counter
		var sess_pollInterval = 10000;
		var sess_expirationMinutes = 15;
		var sess_warningMinutes = 14;
		var sess_ServerPingMinutes = 10;
		var sess_intervalID;
		var sess_ServerintervalID;
		var sess_lastActivity;
		var sess_ServerlastActivity;
		var inProcessPingServer;

		function initSession() {
			//alert("initSession");
			sess_lastActivity = new Date();
			sess_ServerlastActivity = sess_lastActivity;
			sessSetInterval();

			//hide/show both textbox to display on screen for debug (monitoring) purpose
			//$("#timeoutDisplay").hide();
			//$("#servertimeoutDisplay").hide();

			$(document).bind('keypress.session', function (ed, e) {
				ResetLastActivity(ed);
			});
			$(document).click(function (ed, e) {
				ResetLastActivity(ed);
			});

			// for auto close right nav on body click
			$(document).click(function (event) {
				ResetLastActivity(event);
			});
		}

		function sessSetInterval() {
			sess_intervalID = setInterval('sessInterval()', sess_pollInterval);
			sess_ServerintervalID = setInterval('SessServerInterval()', sess_pollInterval);
		}
		function sessClearInterval() {
			clearInterval(sess_intervalID);
		}
		function ResetLastActivity(ed) {
			sess_lastActivity = new Date();
		}
		function ResetServerAndClientLastActivity(ed, e) {
			sess_ServerlastActivity = new Date()
		}
		function sessLogOut() {
			window.location.href = '/';
		}
		function sessInterval() {
			var now = new Date();
			//get milliseconds of differneces
			var diff = now - sess_lastActivity;
			//get minutes between differences
			var diffMins = (diff / 1000 / 60);
			$("#timeoutDisplay").val(diffMins);
			if (diffMins >= sess_warningMinutes) {
				//warn before expiring
				//stop the timer
				sessClearInterval();
				//prompt for attention
				var active = confirm('Your session will expire in ' + (sess_expirationMinutes - sess_warningMinutes) + ' minutes (as of ' + now.toTimeString() + '), press OK to remain logged in or press Cancel to log off. \nIf you are logged off any changes will be lost.');
				if (active == true) {

					now = new Date();
					diff = now - sess_lastActivity;
					diffMins = (diff / 1000 / 60);
					if (diffMins > sess_expirationMinutes) {
						Logout_System();
					}
					else {
						PingcheckerverSession();
						initSession();
					}
				}
				else {
					Logout_System();
				}
			}
		}
		function SessServerInterval() {
			var now = new Date();
			//get milliseconds of differneces
			var diff = now - sess_lastActivity;
			var diffServer = now - sess_ServerlastActivity;
			var diffServerMins = (diffServer / 1000 / 60);
			$("#servertimeoutDisplay").val(diffServerMins);
			if (diffServerMins >= sess_ServerPingMinutes && diff <= diffServer && inProcessPingServer != true) {
				PingcheckerverSession();
			}
		}
		function PingcheckerverSession() {
			inProcessPingServer = true;
			$.ajax({
				url: '/Login/checksession',
				dataType: 'json',
				success: function (data) {
					if (data.AjaxReturnStatus == 0) {
						ResetServerAndClientLastActivity();
						inProcessPingServer = false;
					}
					else {
						Logout_System();
					}
				},
				error: function (data) {
					console.log(data);
				},
				type: 'POST'
			});
		}

		//end client session counter

		function Logout_System() {
			$.ajax({
				url: '/Login/Logout',
				dataType: 'json',
				success: function (data) {
					if (data != null) {
						if (data.ReturnStatus == 'success') {
							var host = location.protocol + '//' + location.host + '/' + 'Login/Index';

							window.location.href = host;
						}
						ClearStorage();
					}
				},
				error: function (data) {
					console.log(data);
					//alert('error99');
				},
				type: 'POST'
			});
		}
</script>

	
	<main id="page-container">
		
		<div id="content-wrap">

			
			<header id="js-header" class="sub-bar-shadow" data-header-fix-moment="100" data-header-fix-effect="slide">

				<!-- Top Bar -->
				
				<div class="bg-dark">
					<div class="container-fluid ">
						<div class="row justify-content-between align-items-center" style="min-height:34px;">
							<div class="col-sm-6">

								<!-- List -->
								<ul class="list-inline mb-0">
									<li class="list-inline-item">
										<a class="text-secondary"><span id="greeting">Good Morning </span><span class="g-color-skype">jun</span><input id="CurrentUserLoginId" value="jun" type="hidden" hidden="hidden" style="display:none;"></a>
									</li>

									<li class="list-inline-item text-light">|</li>
									<li class="list-inline-item">
										<a class="text-muted "><small>Your last login was on Thursday, 28 Nov 2019 at 10:14:34 AM</small></a>
									</li>
								</ul>
								<!-- End List -->
							</div>

							<div class="col-sm-auto">
								
								<div class="dropdown mr-3">
									<a href="#" class="dropdown-toggle text-secondary" data-toggle="dropdown" id="account-dropdown-invoker-2">Account <b class="caret"></b></a>
									<div class="dropdown-content">
										
										<a href="#.html" id="MyProfile_ChangePassword">Change Password</a>
										<a href="#.html" id="MyProfile_SecurityQuestion">Reset Security Question</a>
										

										<a href="#.html" onclick="Logout_System()" id="MyProfile_Logout">Logout</a>
									</div>
								</div>

								

								
								<!-- Account -->
								

								<span class="text-light">|</span>
								<div class="d-inline-block ml-2">
									<a href="#" class="text-secondary" onclick="Logout_System()"><i class="fa fa2 fa-power-off"></i> Logout</a>
								</div>
								<!-- End Log Out -->
							</div>
						</div>
					</div>
				</div>
				<!-- End Top Bar -->

				<div class="CMS-nav-bg">
					<nav class="js-mega-menu navbar navbar-expand-lg hs-menu-initialized hs-menu-horizontal">
						<div class="container-fluid">

							<!-- Logo -->
							<a href="#" class="navbar-brand">
								<img src="/Content/themes/base/images/HRMS_v3_image/oms-logo-light.png" alt="OMS" class="oms-logo-light">
							</a>
							<!-- End Logo -->
							<!-- Collapse button -->
							<button class="navbar-toggler toggler-example ml-auto cmenu" type="button" data-toggle="collapse" data-target="#navBar" aria-controls="navbarSupportedContent1" aria-expanded="false" aria-label="Toggle navigation">
								<span class="hamburger hamburger--slider">
									<span class="hamburger-box">
										<span class="hamburger-inner"></span>
									</span>
								</span>
							</button>

							<!-- Navigation -->
							
							<div class="collapse navbar-collapse flex-sm-row" id="navBar" style="margin-top:30px;">
								<div class="k-menu-scroll-wrapper horizontal" style="width: 1041.08px;"><div id="divNavMenu" style="background-color: transparent; border: none; width: 1698.08px;" data-role="menu" class="k-widget k-reset k-header k-menu k-menu-horizontal" tabindex="0" role="menubar"><li data-parent="" class="k-item k-state-default k-first" role="menuitem"><span class="k-link k-menu-link"><span id="7843ef2a-842e-4a60-a98e-ea5bc8c6a12c" data-menugroup="7843ef2a-842e-4a60-a98e-ea5bc8c6a12c" data-parent="7843ef2a-842e-4a60-a98e-ea5bc8c6a12c" class="active"><a data-menulink="true" id="7843ef2a-842e-4a60-a98e-ea5bc8c6a12c" data-href="/home/index" onclick="OnMenuClicked(event,this,'/home/index','Home')" controllername="home" actionname="index" title="Home" data-menugroup="7843ef2a-842e-4a60-a98e-ea5bc8c6a12c" class="" href="#">Home</a></span></span></li><li data-parent="" aria-haspopup="true" class="k-item k-state-default" role="menuitem"><span class="k-link k-menu-link"><span id="ca1830db-fb24-410b-8883-772cf989c8d8" title="SETUP" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="ca1830db-fb24-410b-8883-772cf989c8d8">Setup</span><span class="k-icon k-i-arrow-60-down k-menu-expand-arrow"></span></span><ul class="k-group k-menu-group" role="menu" aria-hidden="false"><li aria-haspopup="true" class="k-item k-state-default k-first" role="menuitem"><a id="1a905953-6a42-48a8-b18d-296aa53d5e13" href="#" title="Common" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="ca1830db-fb24-410b-8883-772cf989c8d8" class="k-link k-menu-link"> Common<span class="k-icon k-i-arrow-60-right k-menu-expand-arrow"></span></a><ul class="k-group k-menu-group" role="menu" aria-hidden="false"><li class="k-item k-state-default k-first" role="menuitem"><a data-menulink="true" data-href="/common_contacttype/contacttypelisting" title="Contact Type" href="#" controllername="common_contacttype" actionname="contacttypelisting" id="bdecb286-9fc0-464e-b1b7-88f809d266c7" onclick="OnMenuClicked(event,this,'/common_contacttype/contacttypelisting','Contact^Type')" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="1a905953-6a42-48a8-b18d-296aa53d5e13" class="k-link k-menu-link">Contact Type </a></li><li class="k-item k-state-default" role="menuitem"><a data-menulink="true" data-href="/common_addresstype/addresstypelisting" title="Address Type" href="#" controllername="common_addresstype" actionname="addresstypelisting" id="cde81f5e-4f39-49df-b9cc-45a8ff2c3049" onclick="OnMenuClicked(event,this,'/common_addresstype/addresstypelisting','Address^Type')" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="1a905953-6a42-48a8-b18d-296aa53d5e13" class="k-link k-menu-link">Address Type </a></li><li class="k-item k-state-default" role="menuitem"><a data-menulink="true" data-href="/common_documenttype/documenttypelisting" title="Document Type" href="#" controllername="common_documenttype" actionname="documenttypelisting" id="3279187f-e5ac-475a-9bc4-f168d01632ba" onclick="OnMenuClicked(event,this,'/common_documenttype/documenttypelisting','Document^Type')" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="1a905953-6a42-48a8-b18d-296aa53d5e13" class="k-link k-menu-link">Document Type </a></li><li class="k-item k-state-default" role="menuitem"><a data-menulink="true" data-href="/companycurrency/companycurrencylisting" title="Billling Currency" href="#" controllername="companycurrency" actionname="companycurrencylisting" id="4eabd955-b6ea-4932-8dd3-29d9840903a7" onclick="OnMenuClicked(event,this,'/companycurrency/companycurrencylisting','Billling^Currency')" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="1a905953-6a42-48a8-b18d-296aa53d5e13" class="k-link k-menu-link">Billling Currency </a></li><li class="k-item k-state-default" role="menuitem"><a data-menulink="true" data-href="/common_currencyrate/index" title="Exchange Rate" href="#" controllername="common_currencyrate" actionname="index" id="e91655ad-9ced-43f4-8aa7-89755708f10b" onclick="OnMenuClicked(event,this,'/common_currencyrate/index','Exchange^Rate')" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="1a905953-6a42-48a8-b18d-296aa53d5e13" class="k-link k-menu-link">Exchange Rate </a></li><li class="k-item k-state-default k-last" role="menuitem"><a data-menulink="true" data-href="/reason/reasonlisting" title="Reason" href="#" controllername="reason" actionname="reasonlisting" id="24d14838-dbdf-4d07-b6c0-b999abaa6d4d" onclick="OnMenuClicked(event,this,'/reason/reasonlisting','Reason')" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="1a905953-6a42-48a8-b18d-296aa53d5e13" class="k-link k-menu-link">Reason </a></li></ul></li><li aria-haspopup="true" class="k-item k-state-default" role="menuitem"><a id="7fc87bd5-e480-489b-bc2b-12ee72affd49" href="#" title="Contract" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="ca1830db-fb24-410b-8883-772cf989c8d8" class="k-link k-menu-link"> Contract<span class="k-icon k-i-arrow-60-right k-menu-expand-arrow"></span></a><ul class="k-group k-menu-group" role="menu" aria-hidden="false"><li class="k-item k-state-default k-first" role="menuitem"><a data-menulink="true" data-href="/common_glcode/glcodelisting" title="Item Code" href="#" controllername="common_glcode" actionname="glcodelisting" id="e2ffb556-98f8-4801-b269-7201b24a4b1b" onclick="OnMenuClicked(event,this,'/common_glcode/glcodelisting','Item^Code')" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="7fc87bd5-e480-489b-bc2b-12ee72affd49" class="k-link k-menu-link">Item Code </a></li><li class="k-item k-state-default" role="menuitem"><a data-menulink="true" data-href="/common_gst/index" title="GST" href="#" controllername="common_gst" actionname="index" id="8be5e769-4f6b-4cdb-bc81-b9ed5752cea1" onclick="OnMenuClicked(event,this,'/common_gst/index','GST')" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="7fc87bd5-e480-489b-bc2b-12ee72affd49" class="k-link k-menu-link">GST </a></li><li class="k-item k-state-default" role="menuitem"><a data-menulink="true" data-href="/common_spg/index" title="Service/Product Group (SPG)" href="#" controllername="common_spg" actionname="index" id="0d4bd4a3-a0a7-41bc-80a7-bf44f3817724" onclick="OnMenuClicked(event,this,'/common_spg/index','Service/Product^Group^(SPG)')" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="7fc87bd5-e480-489b-bc2b-12ee72affd49" class="k-link k-menu-link">Service/Product Group (SPG) </a></li><li class="k-item k-state-default" role="menuitem"><a data-menulink="true" data-href="/common_billingitem/billingitemlisting" title="Billing Items Master File" href="#" controllername="common_billingitem" actionname="billingitemlisting" id="14ab390d-3363-4e3b-860c-3e1641382aac" onclick="OnMenuClicked(event,this,'/common_billingitem/billingitemlisting','Billing^Items^Master^File')" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="7fc87bd5-e480-489b-bc2b-12ee72affd49" class="k-link k-menu-link">Billing Items Master File </a></li><li class="k-item k-state-default k-last" role="menuitem"><a data-menulink="true" data-href="/contract_masterpricelist/index" title="Master Price List" href="#" controllername="contract_masterpricelist" actionname="index" id="aa8aba30-92b8-4e25-8054-18a16a8fe6a7" onclick="OnMenuClicked(event,this,'/contract_masterpricelist/index','Master^Price^List')" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="7fc87bd5-e480-489b-bc2b-12ee72affd49" class="k-link k-menu-link">Master Price List </a></li></ul></li><li aria-haspopup="true" class="k-item k-state-default" role="menuitem"><a id="7bdf8c7f-ce17-49a6-9661-53a7e04eeb08" href="#" title="Invoice" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="ca1830db-fb24-410b-8883-772cf989c8d8" class="k-link k-menu-link"> Invoice<span class="k-icon k-i-arrow-60-right k-menu-expand-arrow"></span></a><ul class="k-group k-menu-group" role="menu" aria-hidden="false"><li class="k-item k-state-default k-first" role="menuitem"><a data-menulink="true" data-href="/invoiceproposalownerpassword/ownerpassword" title="Password Setup" href="#" controllername="invoiceproposalownerpassword" actionname="ownerpassword" id="29c31bb3-8c2b-491f-9eb8-94eb98d5ebc4" onclick="OnMenuClicked(event,this,'/invoiceproposalownerpassword/ownerpassword','Password^Setup')" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="7bdf8c7f-ce17-49a6-9661-53a7e04eeb08" class="k-link k-menu-link">Password Setup </a></li><li class="k-item k-state-default k-last" role="menuitem"><a data-menulink="true" data-href="/invoiceproposaladminpassword/adminpassword" title="Admin - Password Setup" href="#" controllername="invoiceproposaladminpassword" actionname="adminpassword" id="b36edb07-206a-46f1-9aa8-b34ce7e4b699" onclick="OnMenuClicked(event,this,'/invoiceproposaladminpassword/adminpassword','Admin^-^Password^Setup')" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="7bdf8c7f-ce17-49a6-9661-53a7e04eeb08" class="k-link k-menu-link">Admin - Password Setup </a></li></ul></li><li aria-haspopup="true" class="k-item k-state-default" role="menuitem"><a id="e59ead26-7a9b-4dfe-b8f3-4be08adca33a" href="#" title="Email" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="ca1830db-fb24-410b-8883-772cf989c8d8" class="k-link k-menu-link"> Email<span class="k-icon k-i-arrow-60-right k-menu-expand-arrow"></span></a><ul class="k-group k-menu-group" role="menu" aria-hidden="false"><li class="k-item k-state-default k-first k-last" role="menuitem"><a data-menulink="true" data-href="/emailtemplate/emailtemplatelisting" title="Email Template Editor" href="#" controllername="emailtemplate" actionname="emailtemplatelisting" id="d53f8a10-7dbf-4def-b573-0787f26c9796" onclick="OnMenuClicked(event,this,'/emailtemplate/emailtemplatelisting','Email^Template^Editor')" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="e59ead26-7a9b-4dfe-b8f3-4be08adca33a" class="k-link k-menu-link">Email Template Editor </a></li></ul></li><li aria-haspopup="true" class="k-item k-state-default k-last" role="menuitem"><a id="c0bd6ccc-ebf6-4a31-9b83-bcab03107992" href="#" title="Approval Workflow" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="ca1830db-fb24-410b-8883-772cf989c8d8" class="k-link k-menu-link"> Approval Workflow<span class="k-icon k-i-arrow-60-right k-menu-expand-arrow"></span></a><ul class="k-group k-menu-group" role="menu" aria-hidden="false"><li class="k-item k-state-default k-first k-last" role="menuitem"><a data-menulink="true" data-href="/approvalroutelisting/approvalroutelisting" title="Approval Route" href="#" controllername="approvalroutelisting" actionname="approvalroutelisting" id="73066695-237d-46c7-ad21-14bbfa2ffb24" onclick="OnMenuClicked(event,this,'/approvalroutelisting/approvalroutelisting','Approval^Route')" data-menugroup="ca1830db-fb24-410b-8883-772cf989c8d8" data-parent="c0bd6ccc-ebf6-4a31-9b83-bcab03107992" class="k-link k-menu-link">Approval Route </a></li></ul></li></ul></li><li data-parent="" aria-haspopup="true" class="k-item k-state-default" role="menuitem"><span class="k-link k-menu-link"><span id="20e626f9-9fa0-4f0c-875b-b5f382cc6138" title="CLIENT" data-menugroup="20e626f9-9fa0-4f0c-875b-b5f382cc6138" data-parent="20e626f9-9fa0-4f0c-875b-b5f382cc6138">CLIENT</span><span class="k-icon k-i-arrow-60-down k-menu-expand-arrow"></span></span><ul class="k-group k-menu-group" role="menu" aria-hidden="false"><li class="k-item k-state-default k-first k-last" role="menuitem"><a data-menulink="true" data-href="/client_setup/index" title="Client Master File" href="#" controllername="client_setup" actionname="index" id="726fa595-98ab-4678-8513-e24aa66eadc7" onclick="OnMenuClicked(event,this,'/client_setup/index','Client^Master^File')" data-menugroup="20e626f9-9fa0-4f0c-875b-b5f382cc6138" data-parent="20e626f9-9fa0-4f0c-875b-b5f382cc6138" class="k-link k-menu-link">Client Master File </a></li></ul></li><li data-parent="" aria-haspopup="true" class="k-item k-state-default" role="menuitem"><span class="k-link k-menu-link"><span id="4d47c53e-6f0a-4fbf-8606-30cf1bfdd4dc" title="CONTRACT" data-menugroup="4d47c53e-6f0a-4fbf-8606-30cf1bfdd4dc" data-parent="4d47c53e-6f0a-4fbf-8606-30cf1bfdd4dc">CONTRACT</span><span class="k-icon k-i-arrow-60-down k-menu-expand-arrow"></span></span><ul class="k-group k-menu-group" role="menu" aria-hidden="false"><li class="k-item k-state-default k-first k-last" role="menuitem"><a data-menulink="true" data-href="/contract_listing/contractlisting" title="Contract Master File" href="#" controllername="contract_listing" actionname="contractlisting" id="9b52b4ad-1ea2-4a26-a977-7994e6132aa2" onclick="OnMenuClicked(event,this,'/contract_listing/contractlisting','Contract^Master^File')" data-menugroup="4d47c53e-6f0a-4fbf-8606-30cf1bfdd4dc" data-parent="4d47c53e-6f0a-4fbf-8606-30cf1bfdd4dc" class="k-link k-menu-link">Contract Master File </a></li></ul></li><li data-parent="" aria-haspopup="true" class="k-item k-state-default activeParent" role="menuitem"><span class="k-link k-menu-link"><span id="87399b9d-35fc-4944-ad5a-c9e137e1be85" title="WORK SCOPE" data-menugroup="87399b9d-35fc-4944-ad5a-c9e137e1be85" data-parent="87399b9d-35fc-4944-ad5a-c9e137e1be85">Work Scope</span><span class="k-icon k-i-arrow-60-down k-menu-expand-arrow"></span></span><ul class="k-group k-menu-group" role="menu" aria-hidden="false"><li class="k-item k-state-default k-first" role="menuitem"><a data-menulink="true" data-href="/workorderbase/workorderlisting" title="Work Scope Master File" href="#" controllername="workorderbase" actionname="workorderlisting" id="80e5fb20-7ebc-4a4a-a45c-a6da07a7177f" onclick="OnMenuClicked(event,this,'/workorderbase/workorderlisting','Work^Scope^Master^File')" data-menugroup="87399b9d-35fc-4944-ad5a-c9e137e1be85" data-parent="87399b9d-35fc-4944-ad5a-c9e137e1be85" class="k-link k-menu-link">Work Scope Master File </a></li><li class="k-item k-state-default" role="menuitem"><a data-menulink="true" data-href="/contract_addonrequest/index" title="ADP Add-On Request" href="#" controllername="contract_addonrequest" actionname="index" id="0b220da9-c4fa-4639-b030-8d3742bd8b50" onclick="OnMenuClicked(event,this,'/contract_addonrequest/index','ADP^Add-On^Request')" data-menugroup="87399b9d-35fc-4944-ad5a-c9e137e1be85" data-parent="87399b9d-35fc-4944-ad5a-c9e137e1be85" class="k-link k-menu-link">ADP Add-On Request </a></li><li class="k-item k-state-default k-last" role="menuitem"><a data-menulink="true" data-href="/staffallocationbatch/index" title="Staff Allocation Batch" href="#" controllername="staffallocationbatch" actionname="index" id="9701e980-57e2-409a-8daa-8fae4eb7cded" onclick="OnMenuClicked(event,this,'/staffallocationbatch/index','Staff^Allocation^Batch')" data-menugroup="87399b9d-35fc-4944-ad5a-c9e137e1be85" data-parent="87399b9d-35fc-4944-ad5a-c9e137e1be85" class="k-link k-menu-link">Staff Allocation Batch </a></li></ul></li><li data-parent="" aria-haspopup="true" class="k-item k-state-default" role="menuitem"><span class="k-link k-menu-link"><span id="78518f49-b3d8-4fc9-813e-37d0a0b30b66" title="INVOICE" data-menugroup="78518f49-b3d8-4fc9-813e-37d0a0b30b66" data-parent="78518f49-b3d8-4fc9-813e-37d0a0b30b66">INVOICE</span><span class="k-icon k-i-arrow-60-down k-menu-expand-arrow"></span></span><ul class="k-group k-menu-group" role="menu" aria-hidden="false"><li class="k-item k-state-default k-first" role="menuitem"><a data-menulink="true" data-href="/client_billingchecklist/index" title="Billing Checklist" href="#" controllername="client_billingchecklist" actionname="index" id="4b4632f9-9757-4ca6-999d-6dc7c69b4292" onclick="OnMenuClicked(event,this,'/client_billingchecklist/index','Billing^Checklist')" data-menugroup="78518f49-b3d8-4fc9-813e-37d0a0b30b66" data-parent="78518f49-b3d8-4fc9-813e-37d0a0b30b66" class="k-link k-menu-link">Billing Checklist </a></li><li class="k-item k-state-default" role="menuitem"><a data-menulink="true" data-href="/invoiceproposalgenerator/invoiceproposalgeneratorlisting" title="Invoice Proposal Generator" href="#" controllername="invoiceproposalgenerator" actionname="invoiceproposalgeneratorlisting" id="2af8f1f5-a0de-4412-891e-9cd61a60db0e" onclick="OnMenuClicked(event,this,'/invoiceproposalgenerator/invoiceproposalgeneratorlisting','Invoice^Proposal^Generator')" data-menugroup="78518f49-b3d8-4fc9-813e-37d0a0b30b66" data-parent="78518f49-b3d8-4fc9-813e-37d0a0b30b66" class="k-link k-menu-link">Invoice Proposal Generator </a></li><li class="k-item k-state-default" role="menuitem"><a data-menulink="true" data-href="/invoiceproposallisting/invoicelistingforadp" title="Invoice Proposal Output" href="#" controllername="invoiceproposallisting" actionname="invoicelistingforadp" id="fd8f489f-7294-4f2c-9fc1-764ce3bbde2e" onclick="OnMenuClicked(event,this,'/invoiceproposallisting/invoicelistingforadp','Invoice^Proposal^Output')" data-menugroup="78518f49-b3d8-4fc9-813e-37d0a0b30b66" data-parent="78518f49-b3d8-4fc9-813e-37d0a0b30b66" class="k-link k-menu-link">Invoice Proposal Output </a></li><li class="k-item k-state-default k-last" role="menuitem"><a data-menulink="true" data-href="/periodmaintenance/index" title="Period End Closing" href="#" controllername="periodmaintenance" actionname="index" id="37fab176-8871-4201-9a1d-0e5ff9448530" onclick="OnMenuClicked(event,this,'/periodmaintenance/index','Period^End^Closing')" data-menugroup="78518f49-b3d8-4fc9-813e-37d0a0b30b66" data-parent="78518f49-b3d8-4fc9-813e-37d0a0b30b66" class="k-link k-menu-link">Period End Closing </a></li></ul></li><li data-parent="" aria-haspopup="true" class="k-item k-state-default" role="menuitem"><span class="k-link k-menu-link"><span id="5034b016-1ba1-4278-82d1-84de03cf5b10" title="REPORTS" data-menugroup="5034b016-1ba1-4278-82d1-84de03cf5b10" data-parent="5034b016-1ba1-4278-82d1-84de03cf5b10">REPORTS</span><span class="k-icon k-i-arrow-60-down k-menu-expand-arrow"></span></span><ul class="k-group k-menu-group" role="menu" aria-hidden="false"><li aria-haspopup="true" class="k-item k-state-default k-first k-last" role="menuitem"><a id="5b82f410-4d90-4a92-98a3-db1de94355b3" href="#" title="Security" data-menugroup="5034b016-1ba1-4278-82d1-84de03cf5b10" data-parent="5034b016-1ba1-4278-82d1-84de03cf5b10" class="k-link k-menu-link"> Security<span class="k-icon k-i-arrow-60-right k-menu-expand-arrow"></span></a><ul class="k-group k-menu-group" role="menu" aria-hidden="false"><li class="k-item k-state-default k-first" role="menuitem"><a data-menulink="true" data-href="/auditlogreport/auditlogreport" title="Audit Log" href="#" controllername="auditlogreport" actionname="auditlogreport" id="81b91a3e-4379-4221-b966-1b61d67319be" onclick="OnMenuClicked(event,this,'/auditlogreport/auditlogreport','Audit^Log')" data-menugroup="5034b016-1ba1-4278-82d1-84de03cf5b10" data-parent="5b82f410-4d90-4a92-98a3-db1de94355b3" class="k-link k-menu-link">Audit Log </a></li><li class="k-item k-state-default k-last" role="menuitem"><a data-menulink="true" data-href="/activitylog/activitylogreport" title="Activity Log" href="#" controllername="activitylog" actionname="activitylogreport" id="4b84ec05-138d-4216-9e99-926eb9f6e98c" onclick="OnMenuClicked(event,this,'/activitylog/activitylogreport','Activity^Log')" data-menugroup="5034b016-1ba1-4278-82d1-84de03cf5b10" data-parent="5b82f410-4d90-4a92-98a3-db1de94355b3" class="k-link k-menu-link">Activity Log </a></li></ul></li></ul></li><li data-parent="" aria-haspopup="true" class="k-item k-state-default" role="menuitem"><span class="k-link k-menu-link"><span id="9a43b630-64fd-48d7-8696-f5e4a8942653" title="SECURITY" data-menugroup="9a43b630-64fd-48d7-8696-f5e4a8942653" data-parent="9a43b630-64fd-48d7-8696-f5e4a8942653">Security</span><span class="k-icon k-i-arrow-60-down k-menu-expand-arrow"></span></span><ul class="k-group k-menu-group" role="menu" aria-hidden="false"><li class="k-item k-state-default k-first" role="menuitem"><a data-menulink="true" data-href="/userrole/userrolelisting" title="User Role" href="#" controllername="userrole" actionname="userrolelisting" id="8138fe56-0edc-42b4-a1a5-c049467f2fc5" onclick="OnMenuClicked(event,this,'/userrole/userrolelisting','User^Role')" data-menugroup="9a43b630-64fd-48d7-8696-f5e4a8942653" data-parent="9a43b630-64fd-48d7-8696-f5e4a8942653" class="k-link k-menu-link">User Role </a></li><li class="k-item k-state-default k-last" role="menuitem"><a data-menulink="true" data-href="/internaluserlisting/internaluserlisting" title="User Account Listing" href="#" controllername="internaluserlisting" actionname="internaluserlisting" id="542e9ada-c283-4f87-b340-912bc2c289a3" onclick="OnMenuClicked(event,this,'/internaluserlisting/internaluserlisting','User^Account^Listing')" data-menugroup="9a43b630-64fd-48d7-8696-f5e4a8942653" data-parent="9a43b630-64fd-48d7-8696-f5e4a8942653" class="k-link k-menu-link">User Account Listing </a></li></ul></li><li data-search="" aria-haspopup="true" class="k-item k-state-default k-last" role="menuitem"><span class="k-link k-menu-link"><span><i class="fa fa-search"></i></span></span><ul class="k-group k-menu-group" role="menu" aria-hidden="false"><li class="k-item k-state-default k-first k-last" role="menuitem"><div id="divSearchMenu" class="k-content" tabindex="-1">






<script>
    onMenuSelect = function (e) {
        var url = e.dataItem.MenuUrl;
        var menuId = e.dataItem.MenuId.toLowerCase();
        
        if (menuId == '7843ef2a-842e-4a60-a98e-ea5bc8c6a12c') {
            $('#divKeyInfoBar').css('display', 'none');
        }
        else {
            $('#divKeyInfoBar').css('display', '');
        }

        sessionStorage.setItem('currentModule', menuId);
        setTimeout(function () { $('#MenuSearch').data('kendoAutoComplete').value(''); }, 500);
        showcontentloadingbar();
        window.history.pushState("object or string", "Title", url);
        sessionStorage.setItem('menu', url);
        ReplacePartialView(url, 'divcontent');
        ReplaceCMSBreadCrumb($('#' + menuId));
        changetitleCMS($('#' + menuId));

        //[Chan@20190722#- Update active class based on menu clicked] <Start>
        $('#divNavMenu li[data-parent]').removeClass('activeParent');
        var menugroup = $('#' + menuId).attr('data-menugroup');
        if (menugroup != undefined) {
            $('span[data-menugroup="' + menugroup + '"]').closest('li[data-parent]').addClass('activeParent');
        }
        //[Chan@20190722#- Update active class based on menu clicked] <End>

        
    }

    function GetMenuIds() {
        var list = $('a[data-menulink]');
        var menuIds = [];

        if (list != undefined && list.length > 0) {
            $.map(list, function (item) {
                menuIds.push($(item).attr('id'));
            })
        }

        return { menuIds: menuIds.join()};
    }

    function OpenAutoCompleteInFocus(e) {
        var autocompleteInput = $('.k-autocomplete input');
        autocompleteInput.on('focus', function (e) {
            var value = autocompleteInput.val();
            var autocomplete = $("#MenuSearch").data("kendoAutoComplete");
            autocomplete.search(value);
        });
    }
</script>

<div>
    <span tabindex="-1" role="presentation" class="k-widget k-autocomplete k-header k-autocomplete-clearable k-state-default" style="width: 300px; margin-left: -5px;"><input id="MenuSearch" name="MenuSearch" onfocus="OpenAutoCompleteInFocus(this);" style="margin-left: -5px;" type="text" data-role="autocomplete" placeholder="Search menu..." class="k-input" autocomplete="off" role="textbox" aria-haspopup="true" aria-disabled="false" aria-readonly="false" aria-owns="MenuSearch_listbox" aria-autocomplete="list"><span unselectable="on" class="k-icon k-clear-value k-i-close k-hidden" title="clear" role="button" tabindex="-1"></span><span class="k-icon k-i-loading" style="display:none"></span></span><script>
	kendo.syncReady(function(){jQuery("#MenuSearch").kendoAutoComplete({"select":onMenuSelect,"dataSource":{"transport":{"read":{"url":"/Shared/MenuSearch_ReadBatch","data":GetMenuIds},"prefix":""},"schema":{"errors":"Errors"}},"dataTextField":"MenuName","filter":"contains","height":400,"footerTemplate":"Total \u003cstrong\u003e#: instance.dataSource.total() #\u003c/strong\u003e items found","minLength":1,"template":"\u003cspan class=\"k-state-default\"\u003e\u003ch3\u003e#: data.MenuName #\u003c/h3\u003e\u003cp\u003e#: data.MenuCrumb #\u003c/p\u003e\u003c/span\u003e","placeholder":"Search menu..."});});
</script>
    
</div>

</div></li><div class="k-list-container k-popup k-group k-reset" id="MenuSearch-list" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" id="MenuSearch_listbox" aria-live="polite" data-role="staticlist" role="listbox"></ul></div><div class="k-nodata" style="display:none"><div></div></div><div class="k-footer"></div></div></ul></li></div><span class="k-button k-button-icon k-menu-scroll-button k-scroll-left" unselectable="on" style="display: none;"><span class="k-icon k-i-arrow-60-left"></span></span><span class="k-button k-button-icon k-menu-scroll-button k-scroll-right" unselectable="on" style="display: none;"><span class="k-icon k-i-arrow-60-right"></span></span></div>
							</div>
							<!-- End Navigation -->

						</div>
					</nav>
				</div>

				<!-- Sub Navi -->
				
				<!-- End Sub Navi -->
			</header>
			<!-- End Header -->
			<!-- Side Btn -->
			<div class="navbar-header  nav-expander" id="div-nav-expander"><div data-control="true"><div class="col-1"><div id="snav" class="ar"><ul><li><a onclick="AddStaffAllocation();" navtargetdiv="" title="">
                               <i class="fa fa-new2 scrollbarClick"></i> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="">Add New</span>
                        </a></li><li><a onclick="SaveStaffAllocation();" navtargetdiv="" title="">
                               <i class="fa fa-save2 scrollbarClick"></i> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="">Save</span>
                        </a></li><li><a onclick="DeleteStaffAllocation();" navtargetdiv="" title="">
                               <i class="fa fa-trash2 scrollbarClick"></i> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="">Delete</span>
                        </a></li><li><a onclick="CancelStaffAllocation();" navtargetdiv="" title="">
                               <i class="fa fa-cancel2 scrollbarClick"></i> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="">Cancel</span>
                        </a></li><li><a onclick="SendHRMSRequest();" navtargetdiv="" title="">
                               <i class="fa fa-email2 scrollbarClick"></i> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="">HRMS Request</span>
                        </a></li><li><a onclick="NotifyStaff();" navtargetdiv="" title="">
                               <i class="fa fa-email2 scrollbarClick"></i> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="">Notify Staff</span>
                        </a></li></ul></div></div></div></div>
			<!-- End Side Btn -->
			
			<section class="container-fluid">
				<input type="text" id="timeoutDisplay" style="display:none;">
				<input type="text" id="servertimeoutDisplay" style="display:none;">
				<div class="row">
					<div class="col-12 ">
						<!-- Content -->
						<div class="container-fluid ">
							
							<div class="col-lg-12 col-sm-12 my-2 pr-0 text-right">
								<ul id="ulBreadCrumb" class="u-list-inline"><li class="list-inline-item g-mr-5"><span href="#">Work Scope<i class="g-color-gray-light-v2 g-ml-5">/</i></span></li><li class="list-inline-item g-mr-5"><span>Work Scope Master File:</span></li><li class="list-inline-item g-mr-5"><span>Edit</span></li></ul>
							</div>
							<div id="divKeyInfoBar" style="" class="m-b col-lg-12">
								

								
								


								<div class="row mb-3">
									

									<div class="col-auto bg-dark-blue  titlebar text-white mr-05">
										<span class="keyinfospan" id="spnMenuTitle">Work Scope Master File</span>
									</div>

									<div class="bd-highlight"></div>

									<div class="col w-100 bg-dark-grey  text-white">
										<span class="keyinfospan" id="spnMenuDescription">
    <div class="row" id="divHeaderInformationDescription">
        <div class="col-md-8">
            <label class="mr-2">Company:</label><span id="spnCompanyStaffAllocation" class="detail-B">Test123</span>
            <span class="mr-2"></span>
            <label class="mr-2">Work Scope:</label><span id="spnWorkOrderStaffAllocation" class="detail-B">REF0000000024</span>
            <span class="mr-2"></span>
            <label class="mr-2">SPG:</label><span id="spnSPGStaffAllocation" class="detail-B">Payroll Processing</span>
            <span class="mr-2"></span>
            <label class="mr-2">Status:</label><span id="spnStatusStaffAllocation" class="icon icon-active">Active</span>
            <span class="mr-2"></span>
        </div>
    
    <div class="col-md-4 text-right">
<input type="button" onclick="FirstWorkOrderRecord();" class="btn btn-xs u-btn-3d u-btn-darkgray" id="btnFirstRecordWorkOrderSetup" value="<<" href="#">&nbsp;<input type="button" onclick="PreviousWorkOrderRecord();" class="btn btn-xs u-btn-3d u-btn-darkgray" id="btnPreviousRecordWorkOrderSetup" value="<" href="#">&nbsp;<input type="button" onclick="ReturnBackToPreviousListingPage();" class="btn btn-xs u-btn-3d u-btn-darkgray" id="btnBackToListing" value="Back to Listing" href="#">&nbsp;<input type="button" onclick="NextWorkOrderRecord();" class="btn btn-xs u-btn-3d u-btn-darkgray" id="btnNextRecordWorkOrderSetup" value=">" href="#">&nbsp;<input type="button" onclick="LastWorkOrderRecord();" class="btn btn-xs u-btn-3d u-btn-darkgray" id="btnLastRecordWorkOrderSetup" value=">>" href="#">&nbsp;
    </div>
</div>
</span>
									</div>
									
								</div>
								


								<div hidden="" class="col-lg-2 col-sm-12 pull-right text-right">
									<!-- Actual search box -->
									<div class="form-group has-search">
										
										
										
										&nbsp;
										
										<!--Kendo end-->
									</div>
								</div>
							</div>



							<!--Content Box-->
							<div class="row">
								<div class="col-12 mr-5">
									<div class="mb-6">
										<!-- Table Start-->
										<input id="PageKendoWindowIdsContainer" type="hidden" value="">
										<div id="divcontent" class="ibox-content">






<script src="/bundles/CMS/CustomScript/WorkOrder/WorkOrderListing?v=wGnfZLUTq4Xu6cot3E1tTuwbe8ME5BinzZ7aeuRbdzg1"></script>


<script type="text/javascript">
    var tab = null;
    var globWorkOrderId = '24';
    var tabIndexes = [];
    var biObj = [];
    var oribiObj = [];

    var Glob_ControllerCode = 'WorkOrderTab';

    $(function () {
        var opt = [];
        var tabIndex = 1;

                    opt.push({ url: "/WorkOrderDetails/WorkOrderDetails?workOrderId=" + globWorkOrderId, tabName: 'Details', tooltip: 'Details', uniqueTab: true });
                     tabIndexes.push(tabIndex);
                                 tabIndex++;
                    opt.push({ url: "/WorkOrderPriceList/WorkOrderPriceList?id=" + globWorkOrderId, tabName: 'Price List', tooltip: 'Price List', uniqueTab: true });
                     tabIndexes.push(tabIndex);
                                 tabIndex++;
                    opt.push({ url: "/WorkOrderStaffAllocation/WorkOrderStaffAllocation?workOrderId=" + globWorkOrderId, tabName: 'Staff Allocation', tooltip: 'Staff Allocation', uniqueTab: true });
                     tabIndexes.push(tabIndex);
                                 tabIndex++;
                    opt.push({ url: "/WorkOrderAttachment/WorkOrderAttachmentListing?id=" + globWorkOrderId, tabName: 'Attachment', tooltip: 'Attachment', uniqueTab: true });
                     tabIndexes.push(tabIndex);
                                 tabIndex++;
                    opt.push({ url: "/WorkOrderContact/WorkOrderContactListing?id=" + globWorkOrderId, tabName: 'Contact', tooltip: 'Contact', uniqueTab: true });
                     tabIndexes.push(tabIndex);
                                 tabIndex++;
                    opt.push({ url: "/WorkOrderAddress/WorkOrderAddress?id=" + globWorkOrderId, tabName: 'Address', tooltip: 'Address', uniqueTab: true });
                     tabIndexes.push(tabIndex);
                                 tabIndex++;
                    opt.push({ url: "/WorkOrderTermination/WorkOrderTermination?workOrderId=" + globWorkOrderId, tabName: 'Termination', tooltip: 'Termination', uniqueTab: true });
                     tabIndexes.push(tabIndex);
                                 tabIndex++;


        tab = $('#tabList').kendoTab({ id: "WorkOrderTabStrip", options: opt, showTooltip: false, showClose: false, showSort: true, openTab: false, showControls: true, clickRefresh: true, requiredDirtyCheck: true });
        tab.focus(0);
        SetScreenCategory('Edit');
    });

    function DisableControlsForApprovalPage() {
        $('[data-role="dropdownlist"]').each(function (index, item) {
            var itemId = $(item).attr('id');
            if (itemId != '' && itemId != undefined) {
                var kendoItem = $('#' + itemId).data('kendoDropDownList');
                if (kendoItem != undefined) {
                    kendoItem.enable(false);
                }
            }
        });


        $('[data-role="datepicker"]').each(function (index, item) {
            var itemId = $(item).attr('id');
            if (itemId != '' && itemId != undefined) {
                var kendoItem = $('#' + itemId).data('kendoDatePicker');
                if (kendoItem != undefined) {
                    kendoItem.enable(false);
                }
            }
        });


        $('[data-role="numerictextbox"]').each(function (index, item) {
            var itemId = $(item).attr('id');
            if (itemId != '' && itemId != undefined) {
                var kendoItem = $('#' + itemId).data('kendoNumericTextBox');
                if (kendoItem != undefined) {
                    kendoItem.enable(false);
                }
            }
        });


        $('.k-textbox').attr('disabled', 'disabled').addClass("k-state-disabled");
    }

    $(document).ready(function () {
        tabIndexes.forEach(function (value, index) {
            $('[aria-controls="WorkOrderTabStrip-' + value + '"]').append('<span id="tabMandatoryStatus_' + value + '"></span>');
        });
                  UpdateWorkOrderSetupTabMandatoryStatus('WorkOrderDetails');

        var chk = sessionStorage.getItem('ReturnBackPageItem');
        if (chk.indexOf('Contract_Tab') != -1) {

            $('#btnBackToListing').val('back to contract');
            var currentModule = sessionStorage.getItem('currentModule');

            var path = window.location.pathname;
            var split = path.split('/')
            var list = split.splice(1, split.length);

            var controllercode = '';
            var actionname = '';
            if (list != undefined) {
                if (list.length > 1) {
                    controllercode = list[0].toLowerCase();
                    actionname = list[1].toLowerCase();
                }
                else {
                    controllercode = list[0].toLowerCase();
                    actionname = 'index';
                }
                var ctl = $('a[controllername=' + controllercode + '][actionname=' + actionname + ']');
                var title = $(ctl).attr('title') + ' / '+'Work Scope Master File';
                var parent = $(ctl).parents('ul').attr('data-group');
               
                var parentTitle = '';
                if (parent != undefined) {
                    parentTitle = $('li[data-groupparent=' + parent + ']')[0].textContent;

                    // for third level
                    if ($('li[data-groupparent=' + parent + ']').closest('ul').length > 0) {
                        var parentThird = $('li[data-groupparent=' + parent + ']').closest('ul').attr('data-group');

                        parentTitle = $('li[data-groupparent=' + parentThird + ']').find('span[data-menugroup]').html().toUpperCase() + '<i class="g-color-gray-light-v2 g-ml-5">/</i>' + parentTitle;
                    }
                    //sessionStorage.setItem('defaultmenu', parentTitle);
                }
                else {
                    var defaultmenu = undefined; //sessionStorage.getItem('defaultmenu');
                    //sessionStorage.removeItem('defaultmenu');
                    if (defaultmenu != undefined) {
                        parentTitle = defaultmenu;
                        //sessionStorage.removeItem('defaultmenu');
                    }
                    else {
                        var embeddedTitle = $('#' + $(ctl).attr('id')).closest('ul').closest('li').find('span[data-menugroup]').html();

                        if (embeddedTitle != undefined && embeddedTitle != '') {
                            parentTitle = embeddedTitle;
                        }
                        else {
                            parentTitle = undefined;
                        }

                    }

                }

                var module = $('#side-menu li.nav-item a.active').html();
                var breadCrumb = module + ' / ' + parentTitle + ' / ' + title;

                var html = '';

                if (module != undefined) {
                    html += '<li class="list-inline-item g-mr-5"><span  href="#">' + jsUcfirst(module.toLowerCase()) + '<i class="g-color-gray-light-v2 g-ml-5">/</i></span></li>';
                }

                if (parentTitle != undefined) {
                    html += '<li class="list-inline-item g-mr-5"><span  href="#">' + parentTitle + '<i class="g-color-gray-light-v2 g-ml-5">/</i></span></li>';
                }

                if (title != undefined) {
                   
                   html += '<li class="list-inline-item g-mr-5"><span>' + title + ':' + '</span></li>';
                   html += '<li class="list-inline-item g-mr-5"><span>' + 'Edit' + '</span></li>'
                                      
                }

                if (html != '') {
                    $('#ulBreadCrumb').html(html);
                }
            }
        }
        
        $('#spnMenuTitle').html('Work Scope Master File');
        
    })
</script>

<input type="hidden" id="hidd_WorkOrderId" name="hidd_WorkOrderId" value="24">

<div class="row" id="WorkOrderMandatoryLabelId" style="">
    <div class="col-lg-12 pb-2">
        <span class="F_red pull-left" style=""><span style="font-weight:bold;  color:red" class="fa fa-exclamation-triangle"></span> Incomplete Mandatory Information</span>
    </div>
</div>

<div id="tabList"><div class="k-tabstrip-wrapper" style=""><div id="WorkOrderTabStrip" data-role="tabstrip" tabindex="0" class="k-widget k-header k-tabstrip k-floatwrap k-tabstrip-top" role="tablist" aria-activedescendant="WorkOrderTabStrip_ts_active"><ul class="k-tabstrip-items k-reset" data-role="sortable"><li class="k-item k-state-default k-first" role="tab" aria-controls="WorkOrderTabStrip-1"><span class="k-loading k-complete k-progress" style=""></span><span unselectable="on" class="k-link" data-content-url="/WorkOrderDetails/WorkOrderDetails?workOrderId=24">Details</span><span id="tabMandatoryStatus_1"></span></li><li class="k-item k-state-default" role="tab" aria-controls="WorkOrderTabStrip-2"><span unselectable="on" class="k-link">Price List</span><span id="tabMandatoryStatus_2"></span></li><li class="k-item k-state-default k-tab-on-top k-state-active" role="tab" aria-controls="WorkOrderTabStrip-3" aria-selected="true"><span class="k-loading k-complete k-progress" style=""></span><span unselectable="on" class="k-link">Staff Allocation</span><span id="tabMandatoryStatus_3"><i class="fa fa-exclamation-triangle F_red"></i></span></li><li class="k-item k-state-default" role="tab" aria-controls="WorkOrderTabStrip-4"><span unselectable="on" class="k-link">Attachment</span><span id="tabMandatoryStatus_4"></span></li><li class="k-item k-state-default" role="tab" aria-controls="WorkOrderTabStrip-5"><span unselectable="on" class="k-link">Contact</span><span id="tabMandatoryStatus_5"></span></li><li class="k-item k-state-default" role="tab" aria-controls="WorkOrderTabStrip-6"><span unselectable="on" class="k-link">Address</span><span id="tabMandatoryStatus_6"></span></li><li class="k-item k-state-default k-last" role="tab" aria-controls="WorkOrderTabStrip-7"><span unselectable="on" class="k-link">Termination</span><span id="tabMandatoryStatus_7"></span></li></ul><div class="k-content" id="WorkOrderTabStrip-1" aria-expanded="false" style="display: none;" aria-hidden="true">










<script src="/bundles/CMS/CustomScript/WorkOrder/WorkOrderDetails?v=eOUvjeNiBDJEGqOCOyV3kcgBy-djVeGiXulbNpGah-k1"></script>









<script>
    $(function () {
        changeMenuDescription('divWorkOrderDescription');
        $('#spnCompanyDetail').html('Test123');
        $('#spnWorkOrderDetail').html('REF0000000024');
        $('#spnSPGDetail').html('Payroll Processing');
        $('#spnStatusDetail').html('Active');
        $('#spnStatusDetail').removeClass('icon-boarding').addClass(GetStatusIcon('Active'));
        $('#WorkOrderName').on('change', function () {
            $('#spnCompanyDetail').html($('#WorkOrderName').val());
        })
    });
</script>



<script type="text/javascript">
    $(document).ready(function () {

        //[Chan@20190312#-: Show Terminated warning msg if work order already terminated] <Start>

        //[Chan@20190312#-: Show Terminated warning msg if work order already terminated] <End>

        var msg = sessionStorage.getItem('displayMsg');

        if (msg != undefined) {
            var obj = localStorage.getItem('SessionGlobalTranslate');
            var MessageTitle = JSON.parse(obj).MessageTitle;
            var success = JSON.parse(obj).success;

            sessionStorage.removeItem('displayMsg');

            GenerateDisplayMsg(success, msg, '', 'WorkOrderDivMessage');
        }
        NavigationControl('WorkOrderListing', 'WorkOrderSetup');

        changeMenuDescription('divHeaderToCopy', false, 'divHeaderInformationDescription');
    });
</script>

<div hidden="" data-control="true">
    
    <div class="col-1">
        
<div hidden="" data-control="true"><div class="col-1"><div id="snav" class="ar"><ul><li><a onclick="AddNewWorkOrder();" navtargetdiv="" title="">
                               <i class="fa fa-new2 scrollbarClick"></i> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="">Add New</span>
                        </a></li><li><a onclick="SaveWorkOrder();" navtargetdiv="" title="">
                               <i class="fa fa-save2 scrollbarClick"></i> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="">Save</span>
                        </a></li><li><a onclick="DeleteWorkOrder();" navtargetdiv="" title="">
                               <i class="fa fa-trash2 scrollbarClick"></i> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="">Delete</span>
                        </a></li><li><a onclick="CancelWorkOrder();" navtargetdiv="" title="">
                               <i class="fa fa-cancel2 scrollbarClick"></i> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="">Cancel</span>
                        </a></li></ul></div></div></div>
    </div>
    
</div>

<form id="workOrderForm">
    <div class="col-lg-12" id="WorkOrderDivMessage"></div>
    <div class="col-lg-12" id="divMessage"></div>

    
    <div class="col-lg-12" id="WorkOrderDetailsPage">
        <div class="row mb-1">
            <div class="col-md-6 ">
                <label class="text-danger">* Marked Fields are Mandatory</label>
            </div>
            <div class="col-md-6">
                <div class="row">
                    <div class="col-md-12 text-right">
                        


<button type="button" class="btn btn-outline-secondary scrollbarClick mr-1" id="btnExpandAll" onclick="ExpandAll();" href="#"><i class="fas fa-expand-arrows-alt"></i>&nbsp;Expand All</button><button type="button" class="btn btn-outline-secondary scrollbarClick" id="btnCollapseAll" onclick="CollapseAll();" href="#"><i class="fas fa-compress-arrows-alt"></i>&nbsp;Collapse All</button>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12 mb-2">
                <div class="card">
                    
                    <div id="accordion-06-heading-01" class="card-header-accordian bg-primary" role="tab">
                        <a class="d-flex justify-content-between text-white" href="#accordion-06-body-01" data-toggle="collapse" data-parent="#accordion-06" aria-expanded="true" aria-controls="accordion-06-body-01">
                            Details
                        </a>
                    </div>

                    <div id="accordion-06-body-01" class="collapse show" role="tabpanel" aria-labelledby="accordion-06-heading-01" data-parent="#accordion-06">
                        <div class="card-body">
                            <!------- Content Panel 01 ------->
                            <div class="row d-flex justify-content-between">
                                <div class="col-md-6  col-sm-12">
                                    <div class="form-row text-right">
                                        <div class="col-3">
                                            <label class="" id="">Work Scope Code <span class="text-danger mr-1" id="asterisk">*</span></label>
                                        </div>
                                        <div class="col-8 pb-2">
                                            



<input class="k-textbox k-state-disabled" data-isdirty="true" data-original="REF0000000024" data-val="true" data-val-required="Work Scope Code cannot be empty" disabled="disabled" id="WorkOrderCode" name="WorkOrderCode" onkeypress="TextboxCodeField_OnKeyPress(event)" onpaste="TextboxCodeField_OnPaste(event)" value="REF0000000024">

                                        </div>
                                        <div class="col-3">
                                            <label class="" id="">Name</label>
                                        </div>
                                        <div class="col-8 pb-2">
                                            



<input class="k-textbox" data-isdirty="true" data-original="" data-val="true" data-val-length="Name cannot exceed 200 characters" data-val-length-max="200" data-val-length-min="1" id="WorkOrderName" maxlength="200" name="WorkOrderName">

                                        </div>
                                        <div class="col-3">
                                            <label class="" id="">Description</label>
                                        </div>
                                        <div class="col-8 pb-2">
                                            



<input class="k-textbox" data-isdirty="true" data-original="" data-val="true" data-val-length="Description cannot exceed 2000 characters" data-val-length-max="2000" data-val-length-min="1" id="WorkOrderDescription" maxlength="2000" name="WorkOrderDescription">

                                        </div>
                                        <div class="col-3">
                                            <label class="" id="">Client Name <span class="text-danger mr-1" id="asterisk">*</span></label>
                                        </div>
                                        <div class="col-8 pb-2">
                                            








<span title="" class="k-widget k-dropdown k-header" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="OMS_ClientsId_listbox" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="399ef839-8e26-4aa8-ac27-d0d1358d4020" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">Test123</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span><input data-isdirty="true" data-original="8" id="OMS_ClientsId" name="OMS_ClientsId" type="text" value="8" data-role="dropdownlist" style="display: none;"></span><script>
	kendo.syncReady(function(){jQuery("#OMS_ClientsId").kendoDropDownList({"change":OnClientChanged,"dataSource":[{"Text":"(Janice) ABC Studio","Value":"45"},{"Text":"MIMITesting  -  WSPriceListT - WSClient 001","Value":"69"},{"Text":"MIMITesting  -  WSPriceListT - WSClient 002","Value":"16"},{"Text":"QC Co. A","Value":"56"},{"Text":"QC Co. B","Value":"57"},{"Text":"QC Co. C","Value":"58"},{"Text":"QC Co. D (HQ)","Value":"59"},{"Text":"QC Co. E","Value":"60"},{"Text":"QC Co. F","Value":"61"},{"Text":"QC Co. G","Value":"62"},{"Text":"QC Co. H (HQ)","Value":"63"},{"Text":"QC Co. I","Value":"64"},{"Text":"QC Co. J","Value":"65"},{"Text":"submit","Value":"30"},{"Text":"subscribe contract","Value":"18"},{"Text":"Test123","Value":"8"},{"Text":"Testing","Value":"10"},{"Text":"TestMimi001","Value":"20"},{"Text":"WSS-Client001","Value":"39"},{"Text":"WSS-Client002","Value":"40"},{"Text":"WSS-Client003","Value":"41"},{"Text":"WSS-Client004","Value":"42"},{"Text":"WSS-Client005","Value":"43"},{"Text":"YJ Test","Value":"9"}],"dataTextField":"Text","filter":"contains","dataValueField":"Value","optionLabel":" "});});
</script>




                                        </div>
                                        <div class="col-3">
                                            <label class="" id="">Contract <span class="text-danger mr-1" id="asterisk">*</span></label>
                                        </div>
                                        <div class="col-8 pb-2">
                                            








<span title="" class="k-widget k-dropdown k-header" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="OMS_ContractsId_listbox" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="e30e971f-b7e4-4d0c-a2f3-5616efbd4370" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">REF0000000005 (Test123)</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span><input data-isdirty="true" data-original="5" id="OMS_ContractsId" name="OMS_ContractsId" type="text" value="5" data-role="dropdownlist" style="display: none;"></span><script>
	kendo.syncReady(function(){jQuery("#OMS_ContractsId").kendoDropDownList({"dataSource":[{"Text":"REF0000000004 (Test123)","Value":"4"},{"Text":"REF0000000005 (Test123)","Value":"5"},{"Text":"REF0000000028 (Test123)","Value":"10023"},{"Text":"REF0000000029 (Test123)","Value":"10024"},{"Text":"REF0000000034 (Test123)","Value":"10029"},{"Text":"REF0000000035 (Test123)","Value":"10030"},{"Text":"REF0000000036 (Test123)","Value":"10031"},{"Text":"REF0000000038 (Test123)","Value":"10033"},{"Text":"REF0000000039 (Test123)","Value":"10034"},{"Text":"REF0000000047 (Test123)","Value":"10042"}],"dataTextField":"Text","filter":"contains","dataValueField":"Value","optionLabel":" "});});
</script>




                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-row text-right ">
                                        
                                        
                                        
                                        <div class="col-2">
                                            <label class="" id="">Service/ Product Group (SPG) <span class="text-danger mr-1" id="asterisk">*</span></label>
                                        </div>
                                        <div class="col-9 pb-2">
                                            








<span title="" class="k-widget k-dropdown k-header" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="ServiceProductGroupId_listbox" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="937c7a04-1248-4eed-af35-7b7ba35e866a" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">Payroll Processing</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span><input data-isdirty="true" data-original="cd90f029-f5f7-4dd5-b6b0-173d77272188" id="ServiceProductGroupId" name="ServiceProductGroupId" type="text" value="cd90f029-f5f7-4dd5-b6b0-173d77272188" data-role="dropdownlist" style="display: none;"></span><script>
	kendo.syncReady(function(){jQuery("#ServiceProductGroupId").kendoDropDownList({"dataSource":[{"Text":"123","Value":"8ffb131c-7565-4b14-bc6c-b11751932c06"},{"Text":"12345678901234567890123456789012345678901234567890123451234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345612345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345612345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234561234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345612345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345612345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234561234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456","Value":"680aeacb-0c67-4248-98c4-649afe70a3d4"},{"Text":"1test","Value":"bdd2cd78-8259-4b4e-bb02-e3b17213cb87"},{"Text":"2 yuiop","Value":"e3f185b0-cf2a-40a6-8ffb-a7a12427d973"},{"Text":"20/11/19","Value":"d3ac63c3-e097-42ea-bcfe-89cd1fb38d34"},{"Text":"20/11/19#2","Value":"1c7bf69a-70b0-42e5-9c52-1674fd223ebf"},{"Text":"26/11 SPG with v1 \u0026 v3","Value":"d77bdbbb-c15b-40c6-8a0a-4200a0fe1ffe"},{"Text":"27/11 Change update","Value":"95ddd3a4-0eb2-4a94-8e21-8044b6dd3599"},{"Text":"A TEST","Value":"f6fdc1fa-4213-4a29-8c73-940fe25bd4f2"},{"Text":"A TEST 2","Value":"bbd09544-6945-4622-9144-b41b00bcf462"},{"Text":"BaoJun - Expense","Value":"6463a0d3-509b-438e-a4e4-b1f835c71d6c"},{"Text":"ChiewGuet  - Payroll Data Management","Value":"16b20c60-d51d-4cb9-9e2e-567785b4c49b"},{"Text":"ChiewGuet - Salary Disbursement","Value":"ad2730b1-7c60-4f9c-99b0-23b00fe65782"},{"Text":"Claims Processing","Value":"6b9ba552-d981-4134-bf05-dc03b5978804"},{"Text":"Gov \u0026 Bank Registration","Value":"cf46167b-ba66-4734-bae1-1e50c63630f2"},{"Text":"Grace Performance Appraisal","Value":"cc7f3701-5a1b-4577-8a25-e33b2e4fe537"},{"Text":"HR Admin \u0026 Support","Value":"273e1165-3b50-4653-9e32-e8c6aaa870e5"},{"Text":"HR Services","Value":"726d9811-0c49-492d-bc13-2a183ae27d3a"},{"Text":"Implementation","Value":"4cfbdb11-21fe-42be-b52d-c2529304176e"},{"Text":"Leave Processing","Value":"3329c91e-dee7-43e3-af11-1c1110b62212"},{"Text":"MIMI-CPL-SPG001","Value":"220e6c4e-462c-4958-96a1-d5db6c15e35f"},{"Text":"MIMI-WS-SPG001","Value":"7b34f6d6-9f83-4f94-a512-d892139c40ae"},{"Text":"Name","Value":"44b5faef-d647-4036-b19a-427f23055928"},{"Text":"no module","Value":"1dd55dae-0bf2-43a2-89e1-b2548645ca1a"},{"Text":"Not Applicable","Value":"447c66f8-3af9-487a-b9e5-579b6f06eed9"},{"Text":"Payroll Processing","Value":"cd90f029-f5f7-4dd5-b6b0-173d77272188"},{"Text":"Payroll Service","Value":"a284806b-68d7-4d38-bed0-12e5afe9c79e"},{"Text":"Performance Appraisal","Value":"26a5a3e5-fc18-4188-9ba2-c43cff8bd9b5"},{"Text":"Performance Appraisal - JC","Value":"b0463242-c135-478a-833a-14d38854be7f"},{"Text":"QC-All Item Type","Value":"c83b43c0-42ff-4732-b4b1-536a10e745be"},{"Text":"QC-GIRO Transaction","Value":"6efde7c4-d5af-41a7-be45-bd07992d06f1"},{"Text":"QC-HR \u0026 Others","Value":"a9dfd3d8-34b5-4af6-8c7f-42a065bddaf1"},{"Text":"QC-Leave Headcount","Value":"26c98309-6bae-4f18-927d-4f1a4b1b3536"},{"Text":"QC-New Employee","Value":"0b338b99-9be6-4c78-9dcb-d1efb818df75"},{"Text":"QC-New User","Value":"26da1fed-61d0-472a-99a6-268c9c09d2ba"},{"Text":"QC-Payroll Headcount","Value":"020c444d-812f-4967-96de-f656a7e8faf1"},{"Text":"QC-Payroll Transaction","Value":"bd284cb4-cfc1-43b4-b5e7-07fa47b51cc2"},{"Text":"QC-Tax Form","Value":"67c11ccd-ddd7-4043-86eb-9673f8ac2011"},{"Text":"sh660","Value":"5626c703-c2b5-42eb-9338-dc65d310151d"},{"Text":"Smart SPG","Value":"ac28146e-4fb5-42fb-b4a7-1a9956fab55b"},{"Text":"SPG (All)","Value":"013b9480-d456-4c01-8d10-e6dee3afc671"},{"Text":"SPG (Changed)","Value":"7e2ea8e9-6892-4c95-a632-97768199ef3f"},{"Text":"SPG (Today)","Value":"31e51d17-1b96-4e62-b6a2-38dacb327a92"},{"Text":"SPG (Used in other screens)","Value":"0cd246da-5f95-49d9-8014-f0a8295fe144"},{"Text":"SPG with Module","Value":"639b37ea-7f3b-4ccb-8df7-3d350ffa4be3"},{"Text":"SPG with no Module","Value":"3bd5c792-32f8-4738-8d7e-f6edfee7635e"},{"Text":"System License","Value":"419dddc5-1da0-4c56-b807-f258d6f0ce9d"},{"Text":"System Maintenance \u0026 Subscription","Value":"d35a5364-1160-449c-bbc2-72e7629ec6e2"},{"Text":"System Support","Value":"95aa72e9-db38-4b03-9c0d-00d1eb7a1dc4"},{"Text":"Tax Filing","Value":"ed8158b0-de71-44dc-b991-76efc4a9e37b"},{"Text":"Test","Value":"62e6de22-064c-4f9d-b27a-abd8f468d509"},{"Text":"test 3","Value":"a5339e81-63fd-4cf0-92fb-82b2eccae315"},{"Text":"TEST 4","Value":"73551ad3-9f71-4c8f-b0c4-ae2da3c0602e"},{"Text":"test adp","Value":"08100da1-3f71-402e-8bd5-de085efe5c5a"},{"Text":"test no product","Value":"c40dca78-6d07-4293-9f20-f816dac81078"},{"Text":"testing_mimi","Value":"e70de028-2e84-4068-b82c-ab4b8a8d058d"},{"Text":"testing_mimi02","Value":"eec14603-eba9-4ebe-9cac-bbfec240c9f5"},{"Text":"Timeclock (JC)","Value":"8cd93e88-6b10-426b-94f4-7ded6cd7a3a3"},{"Text":"TimeClock Procesing","Value":"8c18f6fc-d586-4fde-9396-495136847026"},{"Text":"TimeClock Processing","Value":"80bb6c4b-467e-47a0-b34d-3e3c21b04b5d"},{"Text":"Training","Value":"e54c3d47-8f89-4904-a220-a6e3d84e79f7"},{"Text":"tshref2020","Value":"d65d86d2-1340-4469-ba79-f61ca6bf4e47"},{"Text":"Updated","Value":"df7d9305-5055-4bdf-a415-a73706550636"},{"Text":"WSS-SPG001-Implementation","Value":"4149254d-b2a0-41d8-a655-45fe5c73227f"},{"Text":"WSS-SPG002-Payroll Process","Value":"285470c7-f31b-40ad-a745-cb3520ee4324"},{"Text":"WSS-SPG003-Payroll Service","Value":"e9fff3ad-2ca5-491e-a6fa-332770bf2a6e"},{"Text":"WSS-SPG004-Leave Process","Value":"9f99eefd-8783-47bc-bf63-80a4e0befa0c"},{"Text":"WSS-SPG005-Training","Value":"84c89849-eba7-4d36-982d-5337e7132fce"},{"Text":"Yen-Performance Appraisal","Value":"4ca1afef-c837-48eb-b99a-563de6f63ac6"},{"Text":"Yen-Workpass","Value":"a39113dc-9088-48d4-9c19-84552c1aad40"},{"Text":"YJ Test No Module","Value":"54ca7654-2068-4d78-88bf-c099d8ef910a"}],"dataTextField":"Text","filter":"contains","dataValueField":"Value","optionLabel":" "});});
</script>




                                        </div>
                                        <div class="col-2">
                                            <label class="" id="">Work Scope Type <span class="text-danger mr-1" id="asterisk">*</span></label>
                                        </div>
                                        <div class="col-9 pb-2">
                                            








<span title="" class="k-widget k-dropdown k-header" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="WorkOrderType_listbox" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="ac6b1f90-20ac-4f92-8b71-131aa02c754a" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">Outsourcing Direct</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span><input data-isdirty="true" data-original="29713004-de8e-444e-9609-06c656f48285" id="WorkOrderType" name="WorkOrderType" type="text" value="29713004-de8e-444e-9609-06c656f48285" data-role="dropdownlist" style="display: none;"></span><script>
	kendo.syncReady(function(){jQuery("#WorkOrderType").kendoDropDownList({"dataSource":[{"Text":"HR Services","Value":"e84e7437-1d88-42db-9c60-f6b84dc7758c"},{"Text":"Outsourcing ADP Add On","Value":"5ed7c823-2bb1-491c-9f3f-4f5edc806521"},{"Text":"Outsourcing ADP Out Of Scope","Value":"0b913ce9-73a4-4935-93bc-92685ade47d2"},{"Text":"Outsourcing ADP Standard","Value":"f4cc63c2-773e-499e-a71f-9c23d63c4f2d"},{"Text":"Outsourcing Direct","Value":"29713004-de8e-444e-9609-06c656f48285"}],"dataTextField":"Text","filter":"contains","dataValueField":"Value","optionLabel":" "});});
</script>




                                        </div>
                                        <div class="col-2">
                                            <label class="" id="">Product <span class="text-danger mr-1" id="asterisk">*</span></label>
                                        </div>
                                        <div class="col-9 pb-2">
                                            








<span title="" class="k-widget k-dropdown k-header" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="ProductId_listbox" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="0b9f4f18-d0f5-479c-befb-e28667cac6c1" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">v1</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span><input data-isdirty="true" data-original="221a0f8e-5264-41d7-a509-04d5b7fd8860" id="ProductId" name="ProductId" type="text" value="221a0f8e-5264-41d7-a509-04d5b7fd8860" data-role="dropdownlist" style="display: none;"></span><script>
	kendo.syncReady(function(){jQuery("#ProductId").kendoDropDownList({"dataSource":[{"Text":"v1","Value":"221a0f8e-5264-41d7-a509-04d5b7fd8860"},{"Text":"v3","Value":"4162185a-d4d4-4261-a5e1-062491ed7b2c"}],"dataTextField":"Text","filter":"contains","dataValueField":"Value","optionLabel":" "});});
</script>




                                        </div>
                                        <div class="col-2">
                                            <label class="" id="">Modules</label>
                                        </div>
                                        <div class="col-9 pb-2">
                                            








<span title="" class="k-widget k-dropdown k-header" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="ModuleId_listbox" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="ff6e5f1a-aa18-4fb4-9b57-4a72c07622d1" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">Payroll</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span><input data-isdirty="true" data-original="ff78b511-bea7-4e75-a7af-7722b9b77db4" id="ModuleId" name="ModuleId" type="text" value="ff78b511-bea7-4e75-a7af-7722b9b77db4" data-role="dropdownlist" style="display: none;"></span><script>
	kendo.syncReady(function(){jQuery("#ModuleId").kendoDropDownList({"dataSource":[{"Text":"Payroll","Value":"ff78b511-bea7-4e75-a7af-7722b9b77db4"}],"dataTextField":"Text","filter":"contains","dataValueField":"Value","optionLabel":" "});});
</script>




                                        </div>
                                        <div class="col-2">
                                            <label class="" id="">Initial HeadCount</label>
                                        </div>
                                        <div class="col-9 pb-2">
                                            

<span class="k-widget k-numerictextbox" style=""><span class="k-numeric-wrap k-state-default k-expand-padding"><input type="text" class="k-formatted-value k-input" title="" tabindex="0" role="spinbutton" aria-valuemin="0" aria-valuemax="999999999" autocomplete="off" aria-disabled="false" style=""><input data-isdirty="true" data-original="" data-val="true" data-val-number="The field InitialHeadCount must be a number." id="InitialHeadCount" max="999999999" min="0" name="InitialHeadCount" type="text" data-role="numerictextbox" role="spinbutton" aria-valuemin="0" aria-valuemax="999999999" class="k-input" aria-disabled="false" style="display: none;"><span class="k-icon k-i-warning" style="display: none;"></span><span class="k-select" style="display: none;"><span unselectable="on" class="k-link k-link-increase" aria-label="Increase value" title="Increase value"><span unselectable="on" class="k-icon k-i-arrow-60-up"></span></span><span unselectable="on" class="k-link k-link-decrease" aria-label="Decrease value" title="Decrease value"><span unselectable="on" class="k-icon k-i-arrow-60-down"></span></span></span></span></span><script>
	kendo.syncReady(function(){jQuery("#InitialHeadCount").kendoNumericTextBox({"format":"####","spinners":false,"decimals":0});});
</script>

                                        </div>
                                        
                                    </div>
                                </div>
                            </div>
                            <!-- Content Panel End -->
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-md-12 mb-2">
                <div class="card">
                    <div id="accordion-06-heading-02" class="card-header-accordian bg-primary" role="tab">
                        <a class="d-flex justify-content-between text-white" href="#accordion-06-body-02" data-toggle="collapse" data-parent="#accordion-06" aria-expanded="true" aria-controls="accordion-06-body-02">
                            Dates
                        </a>
                    </div>
                    <div id="accordion-06-body-02" class="collapse show" role="tabpanel" aria-labelledby="accordion-06-heading-02" data-parent="#accordion-06">
                        <div class="card-body">
                            <!------- Content Panel 02 ------->
                            <div class="row d-flex justify-content-between">
                                <div class="col-md-6  col-sm-12">

                                    <div class="form-row text-right">
                                        <div class="col-3">
                                            <label class="" id="">Signed Date <span class="text-danger mr-1" id="asterisk">*</span></label>
                                        </div>
                                        <div class="col-8 pb-2">
                                            


<span class="k-widget k-datepicker k-header" style=""><span class="k-picker-wrap k-state-default"><input data-date="true" data-isdirty="true" data-original="1/1/2019 12:00:00 AM" id="SignedDate" name="SignedDate" onchange="checkValidDate('SignedDate');" type="text" value="01 Jan 2019" data-role="datepicker" class="k-input" role="combobox" aria-expanded="false" aria-owns="SignedDate_dateview" autocomplete="off" aria-disabled="false" style="width: 100%;"><span unselectable="on" class="k-select" aria-label="select" role="button" aria-controls="SignedDate_dateview"><span class="k-icon k-i-calendar"></span></span></span></span><script>
	kendo.syncReady(function(){jQuery("#SignedDate").kendoDatePicker({"format":"dd MMM yyyy","min":new Date(1900,0,1,0,0,0,0),"max":new Date(2099,11,31,0,0,0,0)});});
</script>


                                        </div>

                                        <div class="col-3">
                                            <label class="" id="">Start Date <span class="text-danger mr-1" id="asterisk">*</span></label>
                                        </div>
                                        <div class="col-8 pb-2">
                                            


<span class="k-widget k-datepicker k-header" style=""><span class="k-picker-wrap k-state-default"><input data-date="true" data-isdirty="true" data-original="1/1/2019 12:00:00 AM" id="StartDate" name="StartDate" onchange="checkValidDate('StartDate'); CalcExpiryDate();" type="text" value="01 Jan 2019" data-role="datepicker" class="k-input" role="combobox" aria-expanded="false" aria-owns="StartDate_dateview" autocomplete="off" aria-disabled="false" style="width: 100%;"><span unselectable="on" class="k-select" aria-label="select" role="button" aria-controls="StartDate_dateview"><span class="k-icon k-i-calendar"></span></span></span></span><script>
	kendo.syncReady(function(){jQuery("#StartDate").kendoDatePicker({"format":"dd MMM yyyy","min":new Date(1900,0,1,0,0,0,0),"max":new Date(2099,11,31,0,0,0,0)});});
</script>


                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6 col-sm-12">
                                    <div class="form-row text-right ">
                                        <div class="col-2">
                                            <label class="" id="">WO Duration</label>
                                        </div>
                                        <div class="col-05 pb-2">
                                            

<input class="k-textbox" data-isdirty="true" data-original="" id="WorkOrderDuration" name="WorkOrderDuration" onchange="CalcExpiryDate();">    <script>$('#WorkOrderDuration').on('keypress', function(e){ var currentValue = $('#WorkOrderDuration').val(); if ((e.keyCode >= 48 && e.keyCode <= 57) || e.keyCode == 46) { if (e.keyCode == 46) { if (currentValue.indexOf('.') > -1 || currentValue.length == 0) { e.preventDefault(); } } } else { e.preventDefault(); } });</script>


                                        </div>
                                        <div class="col-7">
                                            








<span title="" class="k-widget k-dropdown k-header" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="WorkOrderDurationUnit_listbox" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="c5835802-831e-4e69-afa0-8cb25164fb75" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input"> </span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span><input data-isdirty="true" data-original="" id="WorkOrderDurationUnit" name="WorkOrderDurationUnit" onchange="CalcExpiryDate();" type="text" data-role="dropdownlist" style="display: none;"></span><script>
	kendo.syncReady(function(){jQuery("#WorkOrderDurationUnit").kendoDropDownList({"dataSource":[{"Text":"Month","Value":"M"},{"Text":"Year","Value":"Y"}],"dataTextField":"Text","filter":"contains","dataValueField":"Value","optionLabel":" "});});
</script>




                                        </div>
                                        <div class="col-2">
                                            <label class="" id="">Expiry Date</label>
                                        </div>
                                        <div class="col-9 pb-2">
                                            


<span class="k-widget k-datepicker k-header" style=""><span class="k-picker-wrap k-state-default"><input data-date="true" data-isdirty="true" data-original="1/10/2019 12:00:00 AM" id="ExpiryDate" name="ExpiryDate" onchange="checkValidDate('ExpiryDate');" type="text" value="01 Oct 2019" data-role="datepicker" class="k-input" role="combobox" aria-expanded="false" aria-owns="ExpiryDate_dateview" autocomplete="off" aria-disabled="false" style="width: 100%;"><span unselectable="on" class="k-select" aria-label="select" role="button" aria-controls="ExpiryDate_dateview"><span class="k-icon k-i-calendar"></span></span></span></span><script>
	kendo.syncReady(function(){jQuery("#ExpiryDate").kendoDatePicker({"format":"dd MMM yyyy","min":new Date(1900,0,1,0,0,0,0),"max":new Date(2099,11,31,0,0,0,0)});});
</script>


                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- Content Panel End -->
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</form>

</div><div class="k-content" id="WorkOrderTabStrip-2"></div><div class="k-content k-state-active" id="WorkOrderTabStrip-3" aria-expanded="true" style="display: block;">





<script>

    function onWOStaffAllocationDataBound(e) {
        onDataBound(e);
        onDisabledButtonWorkOrderStaffAllocationGrid(e);
    }

    function GetWOStaffAllocationData(e) {
        return { workOrderId: '24' }
    }


    function CloseHRMSRequest(e) {

        var dirty = CheckDirty(e);
        var dirtyCustom = true;

        if ($('#BodyContent').data('kendoEditor').value() != $('#BodyContentDirty').val()) {
            dirtyCustom = false;
        }

        if (dirty == true) {
            if (dirtyCustom != true)
                dirtyCustom = confirm('There are some changes you have made previously, you will lose the changes if you proceed. Are you sure you want to proceed?');

            if (dirtyCustom == true) {

            }
            else {
                e.preventDefault();
                return false;
            }
        }
        else {
            e.preventDefault();
            return false;
        }
    }

    function CloseNotifyStaff(e) {

        var dirty = CheckDirty(e);
        var dirtyCustom = true;

        if ($('#BodyContentNotifystaff').data('kendoEditor').value() != $('#BodyContentNotifystaffDirty').val()) {
            dirtyCustom = false;
        }

        if (dirty == true) {
            if (dirtyCustom != true)
                dirtyCustom = confirm('There are some changes you have made previously, you will lose the changes if you proceed. Are you sure you want to proceed?');

            if (dirtyCustom == true) {

            }
            else {
                e.preventDefault();
                return false;
            }
        }
        else {
            e.preventDefault();
            return false;
        }
    }

    function dirtyField(data, fieldName) {
        if (data.dirty && data.dirtyFields[fieldName]) {
            return "<span data-removeicon='false' class='k-dirty'></span>"
        }
        else {
            return "";
        }
    }

    function updateObjectByName(obj, name, value) {

        if (obj.hasOwnProperty(name)) {
            obj[name] = value;
            obj.dirtyFields[name] = true;
            obj.dirty = true;
        }

        return obj;
    }
</script>

<div id="divMessageStaffAllocation" class="col-lg-12"></div>









<script>
    $(function () {
        changeMenuDescription('divWorkOrderDescription');
        $('#spnCompanyStaffAllocation').html('Test123');
        $('#spnWorkOrderStaffAllocation').html('REF0000000024');
        $('#spnSPGStaffAllocation').html('Payroll Processing');
        $('#spnStatusStaffAllocation').html('Active');
        $('#spnStatusStaffAllocation').removeClass('icon-boarding').addClass(GetStatusIcon('Active'));
        $('#WorkOrderName').on('change', function () {
            $('#spnCompanyStaffAllocation').html($('#WorkOrderName').val());
        })
    });
</script>




<input name="__RequestVerificationToken" type="hidden" value="1uWuuCsrEt7vfu0IiHpNz0fIACE9M5nGcCC2jAtfWMOWkaLOfaZUS1fgsqQu-Cy6Nf4aUB8erlG9cttXhN4BkdN4j2nCgCwBw2d42o6MUJ_rZ7hsRkZg5Q5PP8syeU-tldWSf3PiI_xs5X7xXGOocw2">
<div class="col-lg-12">
    <div class="row">
        <div class="col-md-6 align-self-center m-b">
            <label class="label-B g-mr-10 g-color-red">* Marked Fields are Mandatory</label>
        </div>
        <div class="col-md-6">
            
        </div>
    </div>
</div>
<div class="col-lg-12">
    





<script>
    function DateTimeFilter(args){
        args.element.kendoDatePicker({
            format:"dd MMM yyyy"
        });
    }

    onSelectWorkOrderStaffAllocationGrid = function(e) {
        var id = $(e.sender.wrapper[0].outerHTML).find('input').attr('id');

        var dataItem = this.dataItem(e.item);
        var grid = $("#" + 'WorkOrderStaffAllocationGrid').data("kendoGrid");
        var dataRows = grid.items();
        var dataSource = $('#' + 'WorkOrderStaffAllocationGrid').data('kendoGrid').dataSource;

        debugger;
        
        if(lastSelectedIndex == -1){
            lastSelectedIndex = 0;
        }

        var previousddlSelection = dataSource.data()[lastSelectedIndex]; //[OngMeiSin@20190801: for grid dropdownlist show selected option]

        dataSource.fetch(function () {
            var ddlSelection = dataSource.data()[lastSelectedIndex];
            ddlSelection.set(id, dataItem.Text);
            ddlSelection.set(id + 'Id', dataItem.Value);
            ddlSelection[id + 'Id'] = dataItem.Value;

            //dataSource.sync();
        });

        //[OngMeiSin@20190801: for grid dropdownlist show selected option]
        if (previousddlSelection[id] != dataItem.Text && previousddlSelection[id + 'Id']  != dataItem.Value){
            onChangeDropDownGridSABatch(e)
        }

        
        //var ddlSource = id + 'Ids';

        //if(window[ddlSource] == undefined){
        //    dataSource.fetch(function () {
        //        var ddlSelection = dataSource.data()[lastSelectedIndex];
        //        ddlSelection.set(id, dataItem.Text);
        //        ddlSelection.set(id + 'Id', dataItem.Value);
        //        //dataSource.sync();
        //    });
        //}
        //else{
        //    var selectIndex = $('#' + id).data('kendoDropDownList').select();

        //    if(window[ddlSource][selectIndex] == ""){
        //        dataSource._data[lastSelectedIndex][id + 'Id'] = null;
        //    }
        //    else{
        //        dataSource._data[lastSelectedIndex][id + 'Id'] = window[ddlSource][selectIndex];
        //    }
        //}
        

        //if(selectIndex != 0){
        //    dataSource._data[lastSelectedIndex][id + 'Id'] = window[ddlSource][selectIndex-1];
        //}
        //else{
        //    dataSource._data[lastSelectedIndex][id + 'Id'] = null;
        //}

        //dataSource.fetch(function () {
        //    var ddlSelection = dataSource.data()[lastSelectedIndex];
        //    ddlSelection.set(id, dataItem.Text);
        //    ddlSelection.set(id + 'Id', dataItem.Value);
        //    //dataSource.sync();
        //});


    }

    onEditGrid = function (e) {

        selectedRowUid = e.model.uid
        var fieldName = $(e.container.find("input")[e.container.find("input").length - 1]).attr('id');
        var columns = [];

        if (e.model.isNew() == false) {
                        $("#" + 'OMS_WorkOrdersStaffAllocationsId').prop("readonly", true);
                                                                                                                                                                                                                                                                                                 $("#" + 'OMS_WorkOrdersStaffAllocationsId').css("pointer-events", 'none').css('border','none');//.css('opacity','0.5');
                                                                                                                                                                                                                                                                                                                                                                        columns.push('OMS_WorkOrdersStaffAllocationsId');
                        $("#" + 'Remark').prop("readonly", true);
                                                                                                                                                                                                                                                                                                 $("#" + 'Remark').css("pointer-events", 'none').css('border','none');//.css('opacity','0.5');
                                                                                                                                                                                                                                                                                                                                                                        columns.push('Remark');
                        $("#" + 'UpdatedBy').prop("readonly", true);
                                                                                                                                                                                                                                                                                                 $("#" + 'UpdatedBy').css("pointer-events", 'none').css('border','none');//.css('opacity','0.5');
                                                                                                                                                                                                                                                                                                                                                                        columns.push('UpdatedBy');
                        $("#" + 'UpdatedDate').prop("readonly", true);
                                                                                                                                                                                                                                                                                                 $("#" + 'UpdatedDate').css("pointer-events", 'none').css('border','none');//.css('opacity','0.5');
                                                                                                                                                                                                                                                                                                                                                                        columns.push('UpdatedDate');
                    setTimeout(function(){ DisableIcon('WorkOrderStaffAllocationGrid', columns); }, 10);


            if(e.model.IsDisabled != undefined && e.model.IsDisabled){
                e.preventDefault();
                this.closeCell();
                $('#' + 'WorkOrderStaffAllocationGrid').find('tr[data-uid=' + selectedRowUid + ']').find('span.fa-file-text').removeClass('fa-file-text');
                return false;
            }
        }
            //[Chan@20190913: dropdownlist with datasource count = 1 will auto select if it's in create mode] <Start>
        else{
                        

                var ddlUser = $('#' + 'User').data('kendoDropDownList');

                if(ddlUser != undefined && ddlUser.dataSource._data.length == 1)
                {
                    ddlUser.select(1);

                    e.model.User = ddlUser.dataSource._data[0].Text;
                    e.model.UserId = ddlUser.dataSource._data[0].Value;

                }
                
                        

                var ddlUserRole = $('#' + 'UserRole').data('kendoDropDownList');

                if(ddlUserRole != undefined && ddlUserRole.dataSource._data.length == 1)
                {
                    ddlUserRole.select(1);

                    e.model.UserRole = ddlUserRole.dataSource._data[0].Text;
                    e.model.UserRoleId = ddlUserRole.dataSource._data[0].Value;

                }
                

        }
        //[Chan@20190913: dropdownlist with datasource count = 1 will auto select if it's in create mode] <End>
    }

    GetReadData = function (e) {

    }

    onSaveChanges = function (e) {
                GridSaveChanges(e, '/WorkOrderStaffAllocation/WOStaffAllocation_CreateUpdate', "", "00000000-0000-0000-0000-000000000000", "", 'OMS_WorkOrdersStaffAllocationsId');

    }


    onDisabledButtonWorkOrderStaffAllocationGrid = function(e) {
        var dataSource = $('#' + 'WorkOrderStaffAllocationGrid').data('kendoGrid').dataSource._data;

        if(dataSource != undefined && dataSource.length > 0){
            for(var i=0;i<=dataSource.length-1;i++){
                var uid = dataSource[i].uid;

                if(dataSource[i].IsDisabled != undefined && dataSource[i].IsDisabled){
                    $('#' + 'WorkOrderStaffAllocationGrid').find('tr[data-uid=' + uid + ']').find('span.fa-file-text').removeClass('fa-file-text');
                }
            }
        }
    }

    onLocalDataBound = function (e) {
        debugger;
        onDataBound(e);

        var columns = [];
                    columns.push('OMS_WorkOrdersStaffAllocationsId');
                    columns.push('Remark');
                    columns.push('UpdatedBy');
                    columns.push('UpdatedDate');


        DisableIcon('WorkOrderStaffAllocationGrid', columns);
        $('.selectAllCheckboxFloatLeft').removeClass('k-button').removeClass('k-button-icontext').removeAttr('href');
        $('.k-grid-cancel-changes').click(function () { $('#masterAllCheckBox').attr('checked', false); });
        onDisabledButtonWorkOrderStaffAllocationGrid(e);


        var length;
        var selectedLength;
        var arr = [];
        if($('#' + 'WorkOrderStaffAllocationGrid').data('kendoGrid').dataSource.filter() == undefined){
            length = $('#' + 'WorkOrderStaffAllocationGrid').data('kendoGrid').dataSource._data.length;
        }
        else{
            length = $('#' + 'WorkOrderStaffAllocationGrid').data('kendoGrid')._data.length;
        }

        var split = $('#' + 'WorkOrderStaffAllocationGrid').find('#gridSelection').length > 0 ? $('#' + 'WorkOrderStaffAllocationGrid').find('#gridSelection').val().split(',') : [];

        if(split.length > 0){
            arr = split.filter(function(x){ return x != ''});
            selectedLength = arr.length;
        }

        if(length != selectedLength && $('#' + 'WorkOrderStaffAllocationGrid').find('input[type=checkbox].selectAllCheckbox').length > 0)
        {
            $('#' + 'WorkOrderStaffAllocationGrid').find('input[type=checkbox].selectAllCheckbox').prop('checked',false);
        }

        $('#' + 'WorkOrderStaffAllocationGrid' + '_active_cell').blur();
    }

    $(function () {
        $('#' + 'WorkOrderStaffAllocationGrid' + ' .k-grid-toolbar > a.k-button-icontext').attr('href', 'javascript:void(0)');

        $('#' + 'WorkOrderStaffAllocationGrid' + ' .k-grid-add').hide();
        $('#' + 'WorkOrderStaffAllocationGrid' + ' .k-grid-save-changes').hide();
        $('#' + 'WorkOrderStaffAllocationGrid' + ' .k-grid-cancel-changes').hide();
        $('#' + 'WorkOrderStaffAllocationGrid' + ' .delete').hide();

    })

    onGridRowSelect = function(e){
        //Grid_OnRowSelect(e);
                Grid_OnRowSelect(e);

    }

    function onError(e, status) {
        if (e.status == "customerror") {
            if ('' != ""){
                (e.errors);
            }
            else {
                var errors = '';
                errors = '<ul class="noti">'
                errors += '<li>' + e.errors + '</li>';
                errors += '</ul>'
                var obj = localStorage.getItem('SessionGlobalTranslate');
                var MessageTitle = JSON.parse(obj).MessageTitle;
                GenerateDisplayMsg("error", MessageTitle, errors, 'divMessage');
            }
        }
    }

</script>

<div class="k-widget k-grid k-display-block k-reorderable k-editable" data-key="OMS_WorkOrdersStaffAllocationsId" id="WorkOrderStaffAllocationGrid" data-role="grid"><div class="k-header k-grid-toolbar k-grid-top"><a class="selectAllCheckboxFloatLeft"><label class="green_normal_b"><input type="checkbox" id="masterAllCheckBox" class="selectAllCheckbox" onclick="masterAllClickThis(this)">  Select All</label><input type="hidden" name="gridSelection" id="gridSelection" value=""></a><a class="k-button k-button-icontext k-grid-add" href="javascript:void(0)" style="display: none;"><span class="k-icon k-i-add"></span>Add</a><a class="k-button k-button-icontext k-grid-save-changes" href="javascript:void(0)" style="display: none;"><span class="k-icon k-i-check"></span>Save</a><a class="k-button k-button-icontext k-grid-cancel-changes" href="javascript:void(0)" style="display: none;"><span class="k-icon k-i-cancel"></span>Cancel</a><a class="delete k-button k-button-icontext " href="javascript:void(0)" onclick="deleteSelection(event,'guidlist','OMS_WorkOrdersStaffAllocationsId','/WorkOrderStaffAllocation/WOStaffAllocation_DestroyBatch','divMessageStaffAllocation','','WorkOrderStaffAllocationGrid')" style="display: none;"><span class="k-icon fa fa-trash"></span>Delete</a></div><div class="k-grid-header" style="padding-right: 17px;"><div class="k-grid-header-wrap k-auto-scrollable" data-role="resizable"><table role="grid" tabindex="-1"><colgroup><col style="width:30px"><col><col><col><col><col><col><col><col></colgroup><thead role="rowgroup"><tr role="row"><th class="k-header" data-index="0" id="295d9f3c-8039-4c60-9618-32a3e48dbd1a" scope="col" data-role="droptarget"><input type="checkbox" id="masterCheckBox" onclick="masterClickThis(this)"><input type="hidden" name="gridSelection" id="gridSelection" value=""></th><th class="k-header k-with-icon" data-field="User" data-index="1" data-title="Staff <span style=&quot;color:red;&quot; >*</span>" id="88582278-c5ac-4021-8fc4-2b5f68e3fd45" scope="col" data-role="columnsorter"><a class="k-link" href="/WorkOrderStaffAllocation/WOStaffAllocation_ReadBatch?gridId=2f3a80b5-d280-4a43-89ae-aae6de140835&amp;viewMode=Edit&amp;viewData=System.Collections.Generic.Dictionary%602%5BSystem.String%2CSystem.Object%5D&amp;b8d05c09-7a7e-45a8-9e55-5e93519db50d=System.Web.Mvc.DictionaryValueProvider%601%5BSystem.Object%5D&amp;workOrderId=24&amp;_=1574907276456&amp;WorkOrderStaffAllocationGrid-sort=User-asc" tabindex="-1">Staff <span style="color:red;">*</span></a></th><th class="k-header k-with-icon" data-field="UserRole" data-index="2" data-title="User Role <span style=&quot;color:red;&quot; >*</span>" id="a8e17bef-c162-4045-8f69-0463a876d8ab" scope="col" data-role="columnsorter"><a class="k-link" href="/WorkOrderStaffAllocation/WOStaffAllocation_ReadBatch?gridId=2f3a80b5-d280-4a43-89ae-aae6de140835&amp;viewMode=Edit&amp;viewData=System.Collections.Generic.Dictionary%602%5BSystem.String%2CSystem.Object%5D&amp;b8d05c09-7a7e-45a8-9e55-5e93519db50d=System.Web.Mvc.DictionaryValueProvider%601%5BSystem.Object%5D&amp;workOrderId=24&amp;_=1574907276456&amp;WorkOrderStaffAllocationGrid-sort=UserRole-asc" tabindex="-1">User Role <span style="color:red;">*</span></a></th><th class="k-header k-with-icon" data-field="BudgetAllocation" data-index="3" data-title="Budget Allocation (%) <span style=&quot;color:red;&quot; >*</span>" id="2e0f8407-25b2-484e-a0f5-7dbf48b2c80a" scope="col" data-role="columnsorter"><a class="k-link" href="/WorkOrderStaffAllocation/WOStaffAllocation_ReadBatch?gridId=2f3a80b5-d280-4a43-89ae-aae6de140835&amp;viewMode=Edit&amp;viewData=System.Collections.Generic.Dictionary%602%5BSystem.String%2CSystem.Object%5D&amp;b8d05c09-7a7e-45a8-9e55-5e93519db50d=System.Web.Mvc.DictionaryValueProvider%601%5BSystem.Object%5D&amp;workOrderId=24&amp;_=1574907276456&amp;WorkOrderStaffAllocationGrid-sort=BudgetAllocation-asc" tabindex="-1">Budget Allocation (%) <span style="color:red;">*</span></a></th><th class="k-header k-with-icon" data-field="EffectiveStartDate" data-index="4" data-title="Effective Start <span style=&quot;color:red;&quot; >*</span>" id="6c6b084e-6d0d-4a23-9770-dfc462efd6da" scope="col" data-role="columnsorter"><a class="k-link" href="/WorkOrderStaffAllocation/WOStaffAllocation_ReadBatch?gridId=2f3a80b5-d280-4a43-89ae-aae6de140835&amp;viewMode=Edit&amp;viewData=System.Collections.Generic.Dictionary%602%5BSystem.String%2CSystem.Object%5D&amp;b8d05c09-7a7e-45a8-9e55-5e93519db50d=System.Web.Mvc.DictionaryValueProvider%601%5BSystem.Object%5D&amp;workOrderId=24&amp;_=1574907276456&amp;WorkOrderStaffAllocationGrid-sort=EffectiveStartDate-asc" tabindex="-1">Effective Start <span style="color:red;">*</span></a></th><th class="k-header k-with-icon" data-field="EffectiveEndDate" data-index="5" data-title="Effective End" id="3fe1677b-475a-4171-8b90-84a1a72fbbf2" scope="col" data-role="columnsorter"><a class="k-link" href="/WorkOrderStaffAllocation/WOStaffAllocation_ReadBatch?gridId=2f3a80b5-d280-4a43-89ae-aae6de140835&amp;viewMode=Edit&amp;viewData=System.Collections.Generic.Dictionary%602%5BSystem.String%2CSystem.Object%5D&amp;b8d05c09-7a7e-45a8-9e55-5e93519db50d=System.Web.Mvc.DictionaryValueProvider%601%5BSystem.Object%5D&amp;workOrderId=24&amp;_=1574907276456&amp;WorkOrderStaffAllocationGrid-sort=EffectiveEndDate-asc" tabindex="-1">Effective End</a></th><th class="k-header k-with-icon" data-field="Remark" data-index="6" data-title="Remark" id="56ec8ef4-e365-403c-87e8-d82d8bcba6c0" scope="col" data-role="columnsorter"><a class="k-link" href="/WorkOrderStaffAllocation/WOStaffAllocation_ReadBatch?gridId=2f3a80b5-d280-4a43-89ae-aae6de140835&amp;viewMode=Edit&amp;viewData=System.Collections.Generic.Dictionary%602%5BSystem.String%2CSystem.Object%5D&amp;b8d05c09-7a7e-45a8-9e55-5e93519db50d=System.Web.Mvc.DictionaryValueProvider%601%5BSystem.Object%5D&amp;workOrderId=24&amp;_=1574907276456&amp;WorkOrderStaffAllocationGrid-sort=Remark-asc" tabindex="-1">Remark</a></th><th class="k-header k-with-icon" data-field="UpdatedBy" data-index="7" data-title="Updated By" id="3afbdc86-f416-4c17-9a0e-6c14efe920f4" scope="col" data-role="columnsorter"><a class="k-link" href="/WorkOrderStaffAllocation/WOStaffAllocation_ReadBatch?gridId=2f3a80b5-d280-4a43-89ae-aae6de140835&amp;viewMode=Edit&amp;viewData=System.Collections.Generic.Dictionary%602%5BSystem.String%2CSystem.Object%5D&amp;b8d05c09-7a7e-45a8-9e55-5e93519db50d=System.Web.Mvc.DictionaryValueProvider%601%5BSystem.Object%5D&amp;workOrderId=24&amp;_=1574907276456&amp;WorkOrderStaffAllocationGrid-sort=UpdatedBy-asc" tabindex="-1">Updated By</a></th><th class="k-header k-with-icon" data-field="UpdatedDate" data-index="8" data-title="Updated Date" id="0cda7fab-f0fa-47b6-a2d1-d27bf1a4a459" scope="col" data-role="columnsorter"><a class="k-link" href="/WorkOrderStaffAllocation/WOStaffAllocation_ReadBatch?gridId=2f3a80b5-d280-4a43-89ae-aae6de140835&amp;viewMode=Edit&amp;viewData=System.Collections.Generic.Dictionary%602%5BSystem.String%2CSystem.Object%5D&amp;b8d05c09-7a7e-45a8-9e55-5e93519db50d=System.Web.Mvc.DictionaryValueProvider%601%5BSystem.Object%5D&amp;workOrderId=24&amp;_=1574907276456&amp;WorkOrderStaffAllocationGrid-sort=UpdatedDate-asc" tabindex="-1">Updated Date</a></th></tr><tr class="k-filter-row"><th>&nbsp;</th><th><span data-field="User" class="k-filtercell" data-role="filtercell"><span><span tabindex="-1" role="presentation" class="k-widget k-autocomplete k-header k-autocomplete-clearable k-state-default" style=""><input data-bind="value: value" aria-label="Staff <span style=&quot;color:red;&quot; >*</span>" data-role="autocomplete" data-text-field="User" data-filter="startswith" data-delay="200" data-min-length="1" data-value-primitive="true" type="text" class="k-input" autocomplete="off" role="textbox" aria-haspopup="true" aria-disabled="false" aria-readonly="false" aria-autocomplete="list" aria-owns=""><span unselectable="on" class="k-icon k-clear-value k-i-close k-hidden" title="clear" role="button" tabindex="-1"></span><span class="k-icon k-i-loading" style="display:none"></span></span><span title="" class="k-widget k-dropdown k-header k-dropdown-operator" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="09d41ec5-b0e9-4b7b-9185-92a1cefed2a6" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">Contains</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-filter"></span></span></span><input class="k-dropdown-operator" data-bind="value: operator" data-role="dropdownlist" style="display: none;" aria-label="Contains"></span><button type="button" class="k-button k-button-icon" title="Clear" aria-label="Clear" data-bind="visible:operatorVisible" style="display: none;"><span class="k-icon k-i-filter-clear"></span></button></span></span></th><th><span data-field="UserRole" class="k-filtercell" data-role="filtercell"><span><span tabindex="-1" role="presentation" class="k-widget k-autocomplete k-header k-autocomplete-clearable k-state-default" style=""><input data-bind="value: value" aria-label="User Role <span style=&quot;color:red;&quot; >*</span>" data-role="autocomplete" data-text-field="UserRole" data-filter="startswith" data-delay="200" data-min-length="1" data-value-primitive="true" type="text" class="k-input" autocomplete="off" role="textbox" aria-haspopup="true" aria-disabled="false" aria-readonly="false" aria-autocomplete="list" aria-owns=""><span unselectable="on" class="k-icon k-clear-value k-i-close k-hidden" title="clear" role="button" tabindex="-1"></span><span class="k-icon k-i-loading" style="display:none"></span></span><span title="" class="k-widget k-dropdown k-header k-dropdown-operator" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="34b4e911-1a6f-4256-aabe-d4fbae564352" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">Contains</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-filter"></span></span></span><input class="k-dropdown-operator" data-bind="value: operator" data-role="dropdownlist" style="display: none;" aria-label="Contains"></span><button type="button" class="k-button k-button-icon" title="Clear" aria-label="Clear" data-bind="visible:operatorVisible" style="display: none;"><span class="k-icon k-i-filter-clear"></span></button></span></span></th><th><span data-field="BudgetAllocation" class="k-filtercell" data-role="filtercell"><span><span tabindex="-1" role="presentation" class="k-widget k-autocomplete k-header k-autocomplete-clearable k-state-default" style=""><input data-bind="value: value" aria-label="Budget Allocation (%) <span style=&quot;color:red;&quot; >*</span>" data-role="autocomplete" data-text-field="BudgetAllocation" data-filter="startswith" data-delay="200" data-min-length="1" data-value-primitive="true" type="text" class="k-input" autocomplete="off" role="textbox" aria-haspopup="true" aria-disabled="false" aria-readonly="false" aria-autocomplete="list" aria-owns=""><span unselectable="on" class="k-icon k-clear-value k-i-close k-hidden" title="clear" role="button" tabindex="-1"></span><span class="k-icon k-i-loading" style="display:none"></span></span><span title="" class="k-widget k-dropdown k-header k-dropdown-operator" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="ca3244eb-4424-40c9-ae6f-1d9ad59f1b78" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">Contains</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-filter"></span></span></span><input class="k-dropdown-operator" data-bind="value: operator" data-role="dropdownlist" style="display: none;" aria-label="Contains"></span><button type="button" class="k-button k-button-icon" title="Clear" aria-label="Clear" data-bind="visible:operatorVisible" style="display: none;"><span class="k-icon k-i-filter-clear"></span></button></span></span></th><th><span data-field="EffectiveStartDate" class="k-filtercell" data-role="filtercell"><span><span class="k-widget k-datepicker k-header" style=""><span class="k-picker-wrap k-state-default"><input data-bind="value: value" aria-label="Effective Start <span style=&quot;color:red;&quot; >*</span>" data-role="datepicker" type="text" class="k-input" role="combobox" aria-expanded="false" autocomplete="off" aria-disabled="false" style="width: 100%;"><span unselectable="on" class="k-select" aria-label="select" role="button"><span class="k-icon k-i-calendar"></span></span></span></span><span title="" class="k-widget k-dropdown k-header k-dropdown-operator" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="93bfee43-94da-4e74-8170-2e8b8e625d54" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">Is equal to</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-filter"></span></span></span><input class="k-dropdown-operator" data-bind="value: operator" data-role="dropdownlist" style="display: none;" aria-label="Is equal to"></span><button type="button" class="k-button k-button-icon" title="Clear" aria-label="Clear" data-bind="visible:operatorVisible" style="display: none;"><span class="k-icon k-i-filter-clear"></span></button></span></span></th><th><span data-field="EffectiveEndDate" class="k-filtercell" data-role="filtercell"><span><span class="k-widget k-datepicker k-header" style=""><span class="k-picker-wrap k-state-default"><input data-bind="value: value" aria-label="Effective End" data-role="datepicker" type="text" class="k-input" role="combobox" aria-expanded="false" autocomplete="off" aria-disabled="false" style="width: 100%;"><span unselectable="on" class="k-select" aria-label="select" role="button"><span class="k-icon k-i-calendar"></span></span></span></span><span title="" class="k-widget k-dropdown k-header k-dropdown-operator" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="41ad837e-e0fc-4e6d-bf34-a5bb1aab0b42" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">Is equal to</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-filter"></span></span></span><input class="k-dropdown-operator" data-bind="value: operator" data-role="dropdownlist" style="display: none;" aria-label="Is equal to"></span><button type="button" class="k-button k-button-icon" title="Clear" aria-label="Clear" data-bind="visible:operatorVisible" style="display: none;"><span class="k-icon k-i-filter-clear"></span></button></span></span></th><th><span data-field="Remark" class="k-filtercell" data-role="filtercell"><span><span tabindex="-1" role="presentation" class="k-widget k-autocomplete k-header k-autocomplete-clearable k-state-default" style=""><input data-bind="value: value" aria-label="Remark" data-role="autocomplete" data-text-field="Remark" data-filter="startswith" data-delay="200" data-min-length="1" data-value-primitive="true" type="text" class="k-input" autocomplete="off" role="textbox" aria-haspopup="true" aria-disabled="false" aria-readonly="false" aria-autocomplete="list" aria-owns=""><span unselectable="on" class="k-icon k-clear-value k-i-close k-hidden" title="clear" role="button" tabindex="-1"></span><span class="k-icon k-i-loading" style="display:none"></span></span><span title="" class="k-widget k-dropdown k-header k-dropdown-operator" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="2790fbc3-ff8e-41d2-b53f-cceab49c4fec" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">Contains</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-filter"></span></span></span><input class="k-dropdown-operator" data-bind="value: operator" data-role="dropdownlist" style="display: none;" aria-label="Contains"></span><button type="button" class="k-button k-button-icon" title="Clear" aria-label="Clear" data-bind="visible:operatorVisible" style="display: none;"><span class="k-icon k-i-filter-clear"></span></button></span></span></th><th><span data-field="UpdatedBy" class="k-filtercell" data-role="filtercell"><span><span tabindex="-1" role="presentation" class="k-widget k-autocomplete k-header k-autocomplete-clearable k-state-default" style=""><input data-bind="value: value" aria-label="Updated By" data-role="autocomplete" data-text-field="UpdatedBy" data-filter="startswith" data-delay="200" data-min-length="1" data-value-primitive="true" type="text" class="k-input" autocomplete="off" role="textbox" aria-haspopup="true" aria-disabled="false" aria-readonly="false" aria-autocomplete="list" aria-owns=""><span unselectable="on" class="k-icon k-clear-value k-i-close k-hidden" title="clear" role="button" tabindex="-1"></span><span class="k-icon k-i-loading" style="display:none"></span></span><span title="" class="k-widget k-dropdown k-header k-dropdown-operator" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="4af6e6df-ed98-49e2-bb69-57f23bccb7e0" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">Contains</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-filter"></span></span></span><input class="k-dropdown-operator" data-bind="value: operator" data-role="dropdownlist" style="display: none;" aria-label="Contains"></span><button type="button" class="k-button k-button-icon" title="Clear" aria-label="Clear" data-bind="visible:operatorVisible" style="display: none;"><span class="k-icon k-i-filter-clear"></span></button></span></span></th><th><span data-field="UpdatedDate" class="k-filtercell" data-role="filtercell"><span><span class="k-widget k-datepicker k-header" style=""><span class="k-picker-wrap k-state-default"><input data-bind="value: value" aria-label="Updated Date" data-role="datepicker" type="text" class="k-input" role="combobox" aria-expanded="false" autocomplete="off" aria-disabled="false" style="width: 100%;"><span unselectable="on" class="k-select" aria-label="select" role="button"><span class="k-icon k-i-calendar"></span></span></span></span><span title="" class="k-widget k-dropdown k-header k-dropdown-operator" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="d9c8170c-2ebe-468c-a456-ec9fc6493fca" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">Is equal to</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-filter"></span></span></span><input class="k-dropdown-operator" data-bind="value: operator" data-role="dropdownlist" style="display: none;" aria-label="Is equal to"></span><button type="button" class="k-button k-button-icon" title="Clear" aria-label="Clear" data-bind="visible:operatorVisible" style="display: none;"><span class="k-icon k-i-filter-clear"></span></button></span></span></th></tr></thead></table><div class="k-resize-handle" style="top: 46px; left: 1208px; height: 40.0031px; width: 9px;"><div class="k-resize-handle-inner"></div></div></div></div><div class="k-grid-content k-auto-scrollable" style="height:auto"><table role="grid" tabindex="0" data-role="selectable" class="k-selectable" aria-multiselectable="true" aria-activedescendant="WorkOrderStaffAllocationGrid_active_cell"><colgroup><col style="width:30px"><col><col><col><col><col><col><col><col></colgroup><tbody role="rowgroup"><tr data-uid="27c55da3-ef09-401d-81d0-774762635838" role="row"><td aria-describedby="295d9f3c-8039-4c60-9618-32a3e48dbd1a" role="gridcell" id="WorkOrderStaffAllocationGrid_active_cell" class=""><input type="checkbox" id="0" data-change="false" onclick="clickThis(this)" class="chkbx"></td><td class=" k-dirty-cell" aria-describedby="88582278-c5ac-4021-8fc4-2b5f68e3fd45" role="gridcell"><span class="k-dirty"></span>chan <span style="float:right;" class="fa fa-file-text fa-1x fa-fw"></span></td><td class="" aria-describedby="a8e17bef-c162-4045-8f69-0463a876d8ab" role="gridcell"> <span style="float:right;" class="fa fa-file-text fa-1x fa-fw"></span></td><td class="" aria-describedby="2e0f8407-25b2-484e-a0f5-7dbf48b2c80a" role="gridcell"> <span style="float:right;" class="fa fa-file-text fa-1x fa-fw"></span></td><td class="" aria-describedby="6c6b084e-6d0d-4a23-9770-dfc462efd6da" role="gridcell"> <span style="float:right;" class="fa fa-file-text fa-1x fa-fw"></span></td><td class="" aria-describedby="3fe1677b-475a-4171-8b90-84a1a72fbbf2" role="gridcell"> <span style="float:right;" class="fa fa-file-text fa-1x fa-fw"></span></td><td class="" aria-describedby="56ec8ef4-e365-403c-87e8-d82d8bcba6c0" role="gridcell"><span data-removeicon="false" class="fa fa-edit" style="color:  #596EA4 " onclick="RemarkOnClick(this);"></span></td><td class="" aria-describedby="3afbdc86-f416-4c17-9a0e-6c14efe920f4" role="gridcell"> </td><td class="" aria-describedby="0cda7fab-f0fa-47b6-a2d1-d27bf1a4a459" role="gridcell"> </td></tr></tbody></table></div><div class="k-pager-wrap k-grid-pager k-widget k-floatwrap" data-role="pager"><a aria-label="Go to the first page" class="k-link k-pager-nav k-state-disabled k-pager-first" data-page="1" href="#" title="Go to the first page" tabindex="-1"><span class="k-icon k-i-arrow-end-left"></span></a><a aria-label="Go to the previous page" class="k-link k-pager-nav k-state-disabled" data-page="1" href="#" title="Go to the previous page" tabindex="-1"><span class="k-icon k-i-arrow-60-left"></span></a><ul class="k-pager-numbers k-reset"><li class="k-current-page"><span class="k-link k-pager-nav">1</span></li><li><span class="k-state-selected">1</span></li></ul><a aria-label="Go to the next page" class="k-link k-pager-nav k-state-disabled" data-page="1" href="#" title="Go to the next page" tabindex="-1"><span class="k-icon k-i-arrow-60-right"></span></a><a aria-label="Go to the last page" class="k-link k-pager-nav k-state-disabled k-pager-last" data-page="1" href="#" title="Go to the last page" tabindex="-1"><span class="k-icon k-i-arrow-end-right"></span></a><span class="k-pager-sizes k-label"><span title="" class="k-widget k-dropdown k-header" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="" aria-live="polite" aria-disabled="false" aria-busy="false" aria-activedescendant="65de90f9-8a5d-4117-97b8-b3bc7a700597" style=""><span unselectable="on" class="k-dropdown-wrap k-state-default"><span unselectable="on" class="k-input">20</span><span unselectable="on" class="k-select" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span><select data-role="dropdownlist" aria-label="20" style="display: none;"><option value="5">5</option><option value="10">10</option><option value="20" selected="selected">20</option><option value="50">50</option><option value="100">100</option></select></span>items per page</span><a aria-label="Refresh" class="k-pager-refresh k-link" href="/WorkOrderStaffAllocation/WOStaffAllocation_ReadBatch?gridId=2f3a80b5-d280-4a43-89ae-aae6de140835&amp;viewMode=Edit&amp;viewData=System.Collections.Generic.Dictionary%602%5BSystem.String%2CSystem.Object%5D&amp;b8d05c09-7a7e-45a8-9e55-5e93519db50d=System.Web.Mvc.DictionaryValueProvider%601%5BSystem.Object%5D&amp;workOrderId=24&amp;_=1574907276456" title="Refresh"><span class="k-icon k-i-refresh"></span></a><span class="k-pager-info k-label">1 - 1 of 1 items</span></div></div><script>
	kendo.syncReady(function(){jQuery("#WorkOrderStaffAllocationGrid").kendoGrid({"dataBound":onWOStaffAllocationDataBound,"edit":onEditGrid,"change":onGridRowSelect,"saveChanges":onSaveChanges,"columns":[{"headerAttributes":{"id":"295d9f3c-8039-4c60-9618-32a3e48dbd1a"},"width":"30px","template":"\u003cinput type=\u0027checkbox\u0027 id=\u0027#= OMS_WorkOrdersStaffAllocationsId #\u0027 data-change=\u0027false\u0027 onclick=\u0027clickThis(this)\u0027 class=\u0027chkbx\u0027 /\u003e"},{"title":"Staff \u003cspan style=\"color:red;\" \u003e*\u003c/span\u003e","headerAttributes":{"data-field":"User","data-title":"Staff \u0026lt;span style=\u0026quot;color:red;\u0026quot; \u003e*\u0026lt;/span\u003e","id":"88582278-c5ac-4021-8fc4-2b5f68e3fd45"},"template":"#= User == null ? \u0027\u0027 : User # \u003cspan style=\u0027float:right;\u0027 class=\u0027fa fa-file-text fa-1x fa-fw\u0027\u003e\u003c/span\u003e","field":"User","filterable":{"cell":{"operator":"contains"}},"encoded":true,"editor":"\r\n\r\n\r\n\r\n\r\n        \r\n            \u003cscript\u003e\r\n\r\n                var UserOnOpenPreventDefault = false; //[OngMeiSin@20190801: for grid dropdownlist show selected option]\r\n\r\n                function valueMappingUser(options)\r\n                {\r\n\r\n                            \r\n\r\n                    setTimeout(function () {\r\n\r\n                        $.ajax({\r\n                            url: \"/SelectList/UserValueMapper\",\r\n                            data: convertValues(options.value),\r\n                            success: function (data) {\r\n                                options.success(data);\r\n                            }\r\n                        });\r\n                    }, 100);\r\n\r\n\r\n                    \r\n\r\n\r\n\r\n                }\r\n\r\n                function isGuid(value) {\r\n                    var regex = /[a-f0-9]{8}(?:-[a-f0-9]{4}){3}-[a-f0-9]{12}/i;\r\n                    var match = regex.exec(value);\r\n                    return match != null;\r\n                }\r\n\r\n                function convertValues(value) {\r\n                    var data = {};\r\n                    var selectedValue = value;\r\n                    debugger;\r\n                            \r\n                    if (!isGuid(value) /*value == \u0027System.Web.Mvc.SelectList\u0027*/) {\r\n                        var grid = $(\"#\" + \u0027WorkOrderStaffAllocationGrid\u0027).data(\"kendoGrid\");\r\n                        var selectedItem = grid.dataItem(grid.select());\r\n                        //var row = $(\"#\" +\u0027WorkOrderStaffAllocationGrid\u0027).data(\"kendoGrid\").tbody.find(\"tr[data-uid=\u0027\" + selectedRowUid + \"\u0027]\");\r\n                        //var id = $(row).find(\u0027input.chkbx\u0027).attr(\u0027id\u0027);\r\n                        \r\n                        var records =  $(\"#\" + \u0027WorkOrderStaffAllocationGrid\u0027).data(\"kendoGrid\").dataSource.data().filter(function (el){\r\n                            return el.uid == selectedRowUid;\r\n                        })\r\n                        var recordId;\r\n\r\n                        if (records != null \u0026\u0026 records != undefined \u0026\u0026 records.length \u003e 0)\r\n                            recordId = records[0].UserId;\r\n\r\n                        selectedValue = recordId;\r\n                    }\r\n                    \r\n\r\n\r\n\r\n                    selectedValue = $.isArray(selectedValue) ? selectedValue : [selectedValue];\r\n\r\n                    for (var idx = 0; idx \u003c selectedValue.length; idx++) {\r\n                        data[\"values[\" + idx + \"]\"] = selectedValue[idx];\r\n                    }\r\n\r\n                    return data;\r\n                }\r\n\r\n                //[OngMeiSin@20190801: for grid dropdownlist show selected option]\r\n                UserOnOpen = function(e){\r\n                    (e);\r\n\r\n                    if (UserOnOpenPreventDefault == true)\r\n                    {\r\n                        UserOnOpenPreventDefault = false;\r\n                        //e.preventDefault();\r\n                        return false;\r\n                    }\r\n                }\r\n\r\n            \u003c/script\u003e\r\n        \r\n\r\n\r\n\r\n\r\n\u003cinput data-isDirty=\"true\" data-original=\"System.Web.Mvc.SelectList\" id=\"User\" name=\"User\" type=\"text\" value=\"System.Web.Mvc.SelectList\" /\u003e\u003cscript\u003e\r\n\tkendo.syncReady(function(){jQuery(\"#User\").kendoDropDownList({\"change\":onSelectWorkOrderStaffAllocationGrid,\"dataSource\":[{\"Text\":\"chan\",\"Value\":\"fb5b1dc8-956f-4115-8bfd-c0c229a4bad2|99999999-9999-9999-9999-999999999999\"},{\"Text\":\"Eugene\",\"Value\":\"4ab4bb1b-3cce-406b-bb97-1ce77f74086e|99999999-9999-9999-9999-999999999999\"},{\"Text\":\"Mimi\",\"Value\":\"d32e3e99-3523-40d2-a3a2-e9a1d5323890|99999999-9999-9999-9999-999999999999\"},{\"Text\":\"Quan Wei\",\"Value\":\"000593e0-01cb-47d0-8f25-0a646ba73bc8|99999999-9999-9999-9999-999999999999\"},{\"Text\":\"sumyee\",\"Value\":\"6286174c-5b96-43c6-80ac-c165b10c88e1|99999999-9999-9999-9999-999999999999\"},{\"Text\":\"SYSADMIN\",\"Value\":\"99999999-9999-9999-9999-999999999999|99999999-9999-9999-9999-999999999999\"},{\"Text\":\"Tan See Hwee\",\"Value\":\"d89c435f-028d-44fd-9b3e-f1bcc021b2e9|99999999-9999-9999-9999-999999999999\"},{\"Text\":\"TestFullPerm\",\"Value\":\"916eacac-69f4-40ab-95d6-0b2dc0f6c637|99999999-9999-9999-9999-999999999999\"},{\"Text\":\"TestNoAccess\",\"Value\":\"c285d36d-0233-4fa9-b1f8-e7c17c9774eb|99999999-9999-9999-9999-999999999999\"},{\"Text\":\"TestPartialAdd\",\"Value\":\"d7b35f00-a3df-435c-8863-f3daaa517ee1|99999999-9999-9999-9999-999999999999\"},{\"Text\":\"TestPartialDelete\",\"Value\":\"bbfc0771-f45a-4bc7-a9f6-e18bbbf65358|99999999-9999-9999-9999-999999999999\"},{\"Text\":\"TestPartialUpdate\",\"Value\":\"8642e969-469d-4aed-9602-d8d90e83de63|99999999-9999-9999-9999-999999999999\"},{\"Text\":\"TestReadOnly\",\"Value\":\"bda586aa-7830-4559-b4cd-2e00f18fb394|99999999-9999-9999-9999-999999999999\"},{\"Text\":\"UserTest_00001\",\"Value\":\"e948a759-6865-4904-8893-e4ac921eebe8|99999999-9999-9999-9999-999999999999\"},{\"Text\":\"Yan Jun\",\"Value\":\"68cb571b-cde0-4f10-8ec8-47d574655329|99999999-9999-9999-9999-999999999999\"}],\"dataTextField\":\"Text\",\"filter\":\"contains\",\"virtual\":{\"valueMapper\":valueMappingUser,\"itemHeight\":26},\"dataValueField\":\"Value\",\"optionLabel\":\" \"});});\r\n\u003c/script\u003e\r\n\r\n\r\n\r\n\u003cspan class=\"field-validation-valid\" data-valmsg-for=\"User\" data-valmsg-replace=\"true\"\u003e\u003c/span\u003e"},{"title":"User Role \u003cspan style=\"color:red;\" \u003e*\u003c/span\u003e","headerAttributes":{"data-field":"UserRole","data-title":"User Role \u0026lt;span style=\u0026quot;color:red;\u0026quot; \u003e*\u0026lt;/span\u003e","id":"a8e17bef-c162-4045-8f69-0463a876d8ab"},"template":"#= UserRole == null ? \u0027\u0027 : UserRole # \u003cspan style=\u0027float:right;\u0027 class=\u0027fa fa-file-text fa-1x fa-fw\u0027\u003e\u003c/span\u003e","field":"UserRole","filterable":{"cell":{"operator":"contains"}},"encoded":true,"editor":"\r\n\r\n\r\n\r\n\r\n        \r\n            \u003cscript\u003e\r\n\r\n                var UserRoleOnOpenPreventDefault = false; //[OngMeiSin@20190801: for grid dropdownlist show selected option]\r\n\r\n                function valueMappingUserRole(options)\r\n                {\r\n\r\n                            \r\n\r\n                    setTimeout(function () {\r\n\r\n                        $.ajax({\r\n                            url: \"/SelectList/UserRoleValueMapper\",\r\n                            data: convertValues(options.value),\r\n                            success: function (data) {\r\n                                options.success(data);\r\n                            }\r\n                        });\r\n                    }, 100);\r\n\r\n\r\n                    \r\n\r\n\r\n\r\n                }\r\n\r\n                function isGuid(value) {\r\n                    var regex = /[a-f0-9]{8}(?:-[a-f0-9]{4}){3}-[a-f0-9]{12}/i;\r\n                    var match = regex.exec(value);\r\n                    return match != null;\r\n                }\r\n\r\n                function convertValues(value) {\r\n                    var data = {};\r\n                    var selectedValue = value;\r\n                    debugger;\r\n                            \r\n                    if (!isGuid(value) /*value == \u0027System.Web.Mvc.SelectList\u0027*/) {\r\n                        var grid = $(\"#\" + \u0027WorkOrderStaffAllocationGrid\u0027).data(\"kendoGrid\");\r\n                        var selectedItem = grid.dataItem(grid.select());\r\n                        //var row = $(\"#\" +\u0027WorkOrderStaffAllocationGrid\u0027).data(\"kendoGrid\").tbody.find(\"tr[data-uid=\u0027\" + selectedRowUid + \"\u0027]\");\r\n                        //var id = $(row).find(\u0027input.chkbx\u0027).attr(\u0027id\u0027);\r\n                        \r\n                        var records =  $(\"#\" + \u0027WorkOrderStaffAllocationGrid\u0027).data(\"kendoGrid\").dataSource.data().filter(function (el){\r\n                            return el.uid == selectedRowUid;\r\n                        })\r\n                        var recordId;\r\n\r\n                        if (records != null \u0026\u0026 records != undefined \u0026\u0026 records.length \u003e 0)\r\n                            recordId = records[0].UserRoleId;\r\n\r\n                        selectedValue = recordId;\r\n                    }\r\n                    \r\n\r\n\r\n\r\n                    selectedValue = $.isArray(selectedValue) ? selectedValue : [selectedValue];\r\n\r\n                    for (var idx = 0; idx \u003c selectedValue.length; idx++) {\r\n                        data[\"values[\" + idx + \"]\"] = selectedValue[idx];\r\n                    }\r\n\r\n                    return data;\r\n                }\r\n\r\n                //[OngMeiSin@20190801: for grid dropdownlist show selected option]\r\n                UserRoleOnOpen = function(e){\r\n                    (e);\r\n\r\n                    if (UserRoleOnOpenPreventDefault == true)\r\n                    {\r\n                        UserRoleOnOpenPreventDefault = false;\r\n                        //e.preventDefault();\r\n                        return false;\r\n                    }\r\n                }\r\n\r\n            \u003c/script\u003e\r\n        \r\n\r\n\r\n\r\n\r\n\u003cinput data-isDirty=\"true\" data-original=\"System.Web.Mvc.SelectList\" id=\"UserRole\" name=\"UserRole\" type=\"text\" value=\"System.Web.Mvc.SelectList\" /\u003e\u003cscript\u003e\r\n\tkendo.syncReady(function(){jQuery(\"#UserRole\").kendoDropDownList({\"change\":onSelectWorkOrderStaffAllocationGrid,\"dataSource\":[{\"Text\":\"Full Permission\",\"Value\":\"314b38db-8d2f-4094-ad01-60a50168de9c\"},{\"Text\":\"Human Resource\",\"Value\":\"c4124fa6-a4b8-4e8a-aa9f-3bfbefed6993\"},{\"Text\":\"Management\",\"Value\":\"28280832-d717-4f88-8ca0-ed588b8cdeee\"},{\"Text\":\"Power Admin\",\"Value\":\"7e622760-2dd0-4a9a-9dd8-a4a5f932c962\"},{\"Text\":\"Read Permission\",\"Value\":\"c7271a2c-2f3d-44af-b2b5-299dbb28b257\"},{\"Text\":\"SABatchTest_UR1\",\"Value\":\"16504cb7-f8a2-4fe7-8195-2a91820daece\"},{\"Text\":\"SATest_UR1\",\"Value\":\"8af509cd-082e-48c6-aa71-cc50e6288cba\"},{\"Text\":\"SATest_UR5\",\"Value\":\"3f31ee20-c7fc-48bc-ae0c-847fc9f90b80\"},{\"Text\":\"SATest_UR6\",\"Value\":\"b8dfdfa0-01ac-4453-9ed0-da5e61d2de57\"},{\"Text\":\"SATest_URa\",\"Value\":\"7083c501-69a7-47ec-b53d-6a169f1f134f\"},{\"Text\":\"TestFullPerm\",\"Value\":\"a393a47f-ff76-4cdb-bf5f-a8718be056fc\"},{\"Text\":\"TestNoAccess\",\"Value\":\"a3dd428d-0e78-456d-ae0a-aded13f0916e\"},{\"Text\":\"TestPartialAdd\",\"Value\":\"5f1d3522-47d2-4f0d-a646-8b9d39b4ee55\"},{\"Text\":\"TestPartialDelete\",\"Value\":\"a9aac5b8-b0f5-4cc0-a1c5-19f5b7dc9310\"},{\"Text\":\"TestPartialUpdate\",\"Value\":\"07859142-88df-4a51-83c1-b44a447f8f40\"},{\"Text\":\"TestReadOnly\",\"Value\":\"34f3f9be-071e-46cf-a140-94eaa4457862\"},{\"Text\":\"UR_AllClientType_FullAccessToAllScreens\",\"Value\":\"b057e4dc-3def-4c3e-89bd-d06bb2ed4657\"}],\"dataTextField\":\"Text\",\"filter\":\"contains\",\"virtual\":{\"valueMapper\":valueMappingUserRole,\"itemHeight\":26},\"dataValueField\":\"Value\",\"optionLabel\":\" \"});});\r\n\u003c/script\u003e\r\n\r\n\r\n\r\n\u003cspan class=\"field-validation-valid\" data-valmsg-for=\"UserRole\" data-valmsg-replace=\"true\"\u003e\u003c/span\u003e"},{"title":"Budget Allocation (%) \u003cspan style=\"color:red;\" \u003e*\u003c/span\u003e","headerAttributes":{"data-field":"BudgetAllocation","data-title":"Budget Allocation (%) \u0026lt;span style=\u0026quot;color:red;\u0026quot; \u003e*\u0026lt;/span\u003e","id":"2e0f8407-25b2-484e-a0f5-7dbf48b2c80a"},"template":"#= BudgetAllocation == null ? \u0027\u0027 : BudgetAllocation # \u003cspan style=\u0027float:right;\u0027 class=\u0027fa fa-file-text fa-1x fa-fw\u0027\u003e\u003c/span\u003e","field":"BudgetAllocation","filterable":{"cell":{"operator":"contains"}},"encoded":true,"editor":"\r\n\r\n\u003cinput class=\"k-textbox\" data-isDirty=\"true\" data-original=\"\" id=\"BudgetAllocation\" name=\"BudgetAllocation\" /\u003e    \u003cscript\u003e$(\u0027#BudgetAllocation\u0027).on(\u0027keypress\u0027, function(e){ var currentValue = $(\u0027#BudgetAllocation\u0027).val(); if ((e.keyCode \u003e= 48 \u0026\u0026 e.keyCode \u003c= 57) || e.keyCode == 46) { if (e.keyCode == 46) { if (currentValue.indexOf(\u0027.\u0027) \u003e -1 || currentValue.length == 0) { e.preventDefault(); } } } else { e.preventDefault(); } });\u003c/script\u003e\r\n\r\n\u003cspan class=\"field-validation-valid\" data-valmsg-for=\"BudgetAllocation\" data-valmsg-replace=\"true\"\u003e\u003c/span\u003e"},{"title":"Effective Start \u003cspan style=\"color:red;\" \u003e*\u003c/span\u003e","headerAttributes":{"data-field":"EffectiveStartDate","data-title":"Effective Start \u0026lt;span style=\u0026quot;color:red;\u0026quot; \u003e*\u0026lt;/span\u003e","id":"6c6b084e-6d0d-4a23-9770-dfc462efd6da"},"template":"#= kendo.toString(EffectiveStartDate,\u0027dd MMM yyyy\u0027) == null ? \u0027\u0027 : kendo.toString(EffectiveStartDate,\u0027dd MMM yyyy\u0027)# \u003cspan style=\u0027float:right;\u0027 class=\u0027fa fa-file-text fa-1x fa-fw\u0027\u003e\u003c/span\u003e","field":"EffectiveStartDate","format":"{0:dd MMM yyyy}","filterable":{"cell":{"template":DateTimeFilter}},"encoded":true,"editor":"\r\n\r\n\r\n\u003cinput data-date=\"true\" data-isDirty=\"true\" data-original=\"\" id=\"EffectiveStartDate\" name=\"EffectiveStartDate\" type=\"text\" /\u003e\u003cscript\u003e\r\n\tkendo.syncReady(function(){jQuery(\"#EffectiveStartDate\").kendoDatePicker({\"change\":DateTimeOnChange,\"format\":\"dd MMM yyyy\",\"min\":new Date(1900,0,1,0,0,0,0),\"max\":new Date(2099,11,31,0,0,0,0)});});\r\n\u003c/script\u003e\r\n\r\n\u003cspan class=\"field-validation-valid\" data-valmsg-for=\"EffectiveStartDate\" data-valmsg-replace=\"true\"\u003e\u003c/span\u003e"},{"title":"Effective End","headerAttributes":{"data-field":"EffectiveEndDate","data-title":"Effective End","id":"3fe1677b-475a-4171-8b90-84a1a72fbbf2"},"template":"#= kendo.toString(EffectiveEndDate,\u0027dd MMM yyyy\u0027) == null ? \u0027\u0027 : kendo.toString(EffectiveEndDate,\u0027dd MMM yyyy\u0027)# \u003cspan style=\u0027float:right;\u0027 class=\u0027fa fa-file-text fa-1x fa-fw\u0027\u003e\u003c/span\u003e","field":"EffectiveEndDate","format":"{0:dd MMM yyyy}","filterable":{"cell":{"template":DateTimeFilter}},"encoded":true,"editor":"\r\n\r\n\r\n\u003cinput data-date=\"true\" data-isDirty=\"true\" data-original=\"\" id=\"EffectiveEndDate\" name=\"EffectiveEndDate\" type=\"text\" /\u003e\u003cscript\u003e\r\n\tkendo.syncReady(function(){jQuery(\"#EffectiveEndDate\").kendoDatePicker({\"change\":DateTimeOnChange,\"format\":\"dd MMM yyyy\",\"min\":new Date(1900,0,1,0,0,0,0),\"max\":new Date(2099,11,31,0,0,0,0)});});\r\n\u003c/script\u003e\r\n\r\n\u003cspan class=\"field-validation-valid\" data-valmsg-for=\"EffectiveEndDate\" data-valmsg-replace=\"true\"\u003e\u003c/span\u003e"},{"title":"Remark","headerAttributes":{"data-field":"Remark","data-title":"Remark","id":"56ec8ef4-e365-403c-87e8-d82d8bcba6c0"},"template":"#=dirtyField(data,\u0027Remark\u0027) #\u003cspan data-removeicon=\"false\" class=\"fa fa-edit\" style=\"color: #if(Remark==\u0027\u0027) {# \\\\#596EA4 #} else {# \\\\#52A339 #}#\" onclick=\"RemarkOnClick(this);\"\u003e\u003c/span\u003e","field":"Remark","filterable":{"cell":{"operator":"contains"}},"encoded":true},{"title":"Updated By","headerAttributes":{"data-field":"UpdatedBy","data-title":"Updated By","id":"3afbdc86-f416-4c17-9a0e-6c14efe920f4"},"template":"#= UpdatedBy == null ? \u0027\u0027 : UpdatedBy # ","field":"UpdatedBy","filterable":{"cell":{"operator":"contains"}},"encoded":true},{"title":"Updated Date","headerAttributes":{"data-field":"UpdatedDate","data-title":"Updated Date","id":"0cda7fab-f0fa-47b6-a2d1-d27bf1a4a459"},"template":"#= kendo.toString(UpdatedDate,\u0027dd MMM yyyy\u0027) == null ? \u0027\u0027 : kendo.toString(UpdatedDate,\u0027dd MMM yyyy\u0027)# ","field":"UpdatedDate","format":"{0:dd MMM yyyy}","filterable":{"cell":{"template":DateTimeFilter}},"encoded":true}],"pageable":{"refresh":true,"pageSizes":[5,10,20,50,100],"buttonCount":5},"sortable":{"mode":"multiple"},"selectable":"Multiple, Row","filterable":{"mode":"row","messages":{"isTrue":"Closed ","isFalse":"Active "}},"columnMenu":true,"resizable":true,"reorderable":true,"scrollable":{"height":"auto"},"editable":{"confirmation":false,"confirmDelete":"Delete","cancelDelete":"Cancel","mode":"incell","template":null,"create":true,"update":true,"destroy":true},"toolbar":{"command":[{"name":null,"attr":" class=\"selectAllCheckboxFloatLeft\"","buttonType":"ImageAndText","text":"\u003clabel class=\u0027green_normal_b\u0027\u003e\u003cinput type=\u0027checkbox\u0027 id=\u0027masterAllCheckBox\u0027 class=\u0027selectAllCheckbox\u0027 onclick=\u0027masterAllClickThis(this)\u0027\u003e  Select All\u003c/label\u003e\u003cinput type=\u0027hidden\u0027  name=\u0027gridSelection\u0027 id=\u0027gridSelection\u0027 value=\u0027\u0027 /\u003e"},{"name":null,"buttonType":"ImageAndText","text":"Add"},{"name":null,"buttonType":"ImageAndText"},{"name":null,"attr":" class=\"delete\" onclick=\"deleteSelection(event,\u0026#39;guidlist\u0026#39;,\u0026#39;OMS_WorkOrdersStaffAllocationsId\u0026#39;,\u0026#39;/WorkOrderStaffAllocation/WOStaffAllocation_DestroyBatch\u0026#39;,\u0026#39;divMessageStaffAllocation\u0026#39;,\u0026#39;\u0026#39;,\u0026#39;WorkOrderStaffAllocationGrid\u0026#39;)\"","buttonType":"ImageAndText","text":"\u003cspan class=\u0027k-icon fa fa-trash\u0027\u003e\u003c/span\u003eDelete"}]},"messages":{"noRecords":"No records available."},"dataSource":{"type":(function(){if(kendo.data.transports['aspnetmvc-ajax']){return 'aspnetmvc-ajax';} else{throw new Error('The kendo.aspnetmvc.min.js script is not included.');}})(),"transport":{"read":{"url":"/WorkOrderStaffAllocation/WOStaffAllocation_ReadBatch","data":GetWOStaffAllocationData},"prefix":"","update":{"url":"/WorkOrderStaffAllocation/WOStaffAllocation_CreateUpdate"}},"pageSize":20,"page":1,"total":0,"error":onError,"schema":{"data":"Data","total":"Total","errors":"Errors","model":{"id":"OMS_WorkOrdersStaffAllocationsId","fields":{"OMS_WorkOrdersStaffAllocationsId":{"editable":false,"type":"number","defaultValue":0},"User":{"type":"string"},"UserRole":{"type":"string"},"BudgetAllocation":{"type":"string"},"EffectiveStartDate":{"type":"date","defaultValue":""},"EffectiveEndDate":{"type":"date","defaultValue":""},"HRMSEffectiveStartDate":{"type":"date","defaultValue":""},"HRMSEffectiveEndDate":{"type":"date","defaultValue":""},"Remark":{"editable":false,"type":"string"},"UpdatedBy":{"editable":false,"type":"string"},"UpdatedDate":{"editable":false,"type":"date","defaultValue":""},"UID":{"type":"string","defaultValue":"00000000-0000-0000-0000-000000000000"}}}},"batch":true},"navigatable":true});});
</script>

    <script>
        $(function () {
            $('#' + 'WorkOrderStaffAllocationGrid' + ' .k-header-column-menu').remove();
        })


</script>

	

	

<div hidden="" data-control="true"><div class="col-1"><div id="snav" class="ar"><ul><li><a onclick="AddStaffAllocation();" navtargetdiv="" title="">
                               <i class="fa fa-new2 scrollbarClick"></i> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="">Add New</span>
                        </a></li><li><a onclick="SaveStaffAllocation();" navtargetdiv="" title="">
                               <i class="fa fa-save2 scrollbarClick"></i> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="">Save</span>
                        </a></li><li><a onclick="DeleteStaffAllocation();" navtargetdiv="" title="">
                               <i class="fa fa-trash2 scrollbarClick"></i> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="">Delete</span>
                        </a></li><li><a onclick="CancelStaffAllocation();" navtargetdiv="" title="">
                               <i class="fa fa-cancel2 scrollbarClick"></i> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="">Cancel</span>
                        </a></li><li><a onclick="SendHRMSRequest();" navtargetdiv="" title="">
                               <i class="fa fa-email2 scrollbarClick"></i> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="">HRMS Request</span>
                        </a></li><li><a onclick="NotifyStaff();" navtargetdiv="" title="">
                               <i class="fa fa-email2 scrollbarClick"></i> <span data-toggle="tooltip" data-placement="right" title="" data-original-title="">Notify Staff</span>
                        </a></li></ul></div></div></div>

</div>

<script>
	kendo.syncReady(function(){jQuery("#WorkOrderStaffAllocationRemarkPopUp").kendoWindow({"modal":true,"iframe":false,"draggable":true,"scrollable":true,"pinned":false,"title":"","resizable":false,"width":800,"height":300,"actions":["Close"]});});
</script>


<script>
	kendo.syncReady(function(){jQuery("#HRMSRequestPopUp").kendoWindow({"close":CloseHRMSRequest,"modal":true,"iframe":false,"draggable":true,"scrollable":true,"pinned":false,"title":"","resizable":false,"width":1200,"height":600,"actions":["Close"]});});
</script>


<script>
	kendo.syncReady(function(){jQuery("#NotifyStaffPopUp").kendoWindow({"close":CloseNotifyStaff,"modal":true,"iframe":false,"draggable":true,"scrollable":true,"pinned":false,"title":"","resizable":false,"width":1200,"height":600,"actions":["Close"]});});
</script>

<script>
    $(document).ready(function () {
        var msg = sessionStorage.getItem('displayMsg');

        if (msg != undefined) {
            var obj = localStorage.getItem('SessionGlobalTranslate');
            var MessageTitle = JSON.parse(obj).MessageTitle;
            var success = JSON.parse(obj).success;

            sessionStorage.removeItem('displayMsg');

            GenerateDisplayMsg(success, msg, '', 'divMessageStaffAllocation');
        }



        changeMenuDescription('divHeaderToCopy', false, 'divHeaderInformationDescription');
    });

    function SaveStaffAllocation() {
        showcontentloadingbar();
        var dataSource = $("#WorkOrderStaffAllocationGrid").data("kendoGrid").dataSource,
                     data = dataSource.data(),
                     changedModels = [];

        for (var i = 0; i < data.length; i++) {
            var model = data[i].toJSON();

            model.UID = data[i].uid;
            model.OMS_WorkOrdersId = '24';

            var EffectiveStartDate = new Date(data[i].EffectiveStartDate);
            var EffectiveEndDate = new Date(data[i].EffectiveEndDate);
            var HRMSEffectiveStartDate = new Date(data[i].HRMSEffectiveStartDate);
            var HRMSEffectiveEndDate = new Date(data[i].HRMSEffectiveEndDate);
            var UpdatedDate = new Date(data[i].UpdatedDate);

            if (data[i].EffectiveStartDate != null && data[i].EffectiveStartDate != "")
                model.EffectiveStartDate = EffectiveStartDate.getDate() + '/' + (EffectiveStartDate.getMonth() + 1) + '/' + EffectiveStartDate.getFullYear();

            if (data[i].EffectiveEndDate != null && data[i].EffectiveEndDate != "")
                model.EffectiveEndDate = EffectiveEndDate.getDate() + '/' + (EffectiveEndDate.getMonth() + 1) + '/' + EffectiveEndDate.getFullYear();

            if (data[i].HRMSEffectiveStartDate != null && data[i].HRMSEffectiveStartDate != "")
                model.HRMSEffectiveStartDate = HRMSEffectiveStartDate.getDate() + '/' + (HRMSEffectiveStartDate.getMonth() + 1) + '/' + HRMSEffectiveStartDate.getFullYear();

            if (data[i].HRMSEffectiveEndDate != null && data[i].HRMSEffectiveEndDate != "")
                model.HRMSEffectiveEndDate = HRMSEffectiveEndDate.getDate() + '/' + (HRMSEffectiveEndDate.getMonth() + 1) + '/' + HRMSEffectiveEndDate.getFullYear();

            if (data[i].UpdatedDate != null && data[i].UpdatedDate != "")
                model.UpdatedDate = UpdatedDate.getDate() + '/' + (UpdatedDate.getMonth() + 1) + '/' + UpdatedDate.getFullYear();

            changedModels.push(model);
        }


        $.ajax({
            url: '/WorkOrderStaffAllocation/SaveStaffAllocation',
            data: { staffAllocationViewModel: changedModels, workOrderId: '24' },
            success: function (data) {
                if (data.ReturnStatus == 'success') {
                    var obj = localStorage.getItem('SessionGlobalTranslate');
                    var MessageTitle = JSON.parse(obj).MessageTitle;
                    var successMsg = JSON.parse(obj).SavedSuccessfully;

                    sessionStorage.setItem('displayMsg', successMsg);
                    if (tab != undefined) {
                        tab.reload(tab.index(), '/WorkOrderStaffAllocation/WorkOrderStaffAllocation?workOrderId=' + '24');
                        setTimeout(function () {
                            tab.showControl();
                        }, 800);
                        UpdateWorkOrderSetupTabMandatoryStatus('WorkOrderStaffAllocation');
                    }
                    else {
                        alert('Kendo tab do not initialized');
                    }
                }
                else {
                    var errors = '';
                    if (data.Messages.length > 0) {
                        errors = '<ul class="noti">'
                        $(data.Messages).each(function (key, value) {
                            //errors += value + '<br />';
                            errors += '<li>' + value + '</li>';
                        });
                        errors += '</ul>'
                    }
                    var obj = localStorage.getItem('SessionGlobalTranslate');
                    var MessageTitle = JSON.parse(obj).MessageTitle;
                    GenerateDisplayMsg("error", MessageTitle, errors, 'divMessageStaffAllocation');

                    var UIDs = [];
                    UIDs = data.ErrorUIDs;
                    kendoGrid = $("#WorkOrderStaffAllocationGrid").data("kendoGrid");

                    resetKendoRows(kendoGrid);

                    if (UIDs.length > 0) {
                        $.each(UIDs, function (key, value) {
                            highlightDirtyRows(kendoGrid, value);
                        });
                    }
                }
                hidecontentloadingbar();
            },
            error: function (data) {
                console.log(data);
            },
            type: 'POST'
        });
    }

    function ClearWOSAMsg() {
        $('#divMessageStaffAllocation').html('');
    }

    function CancelStaffAllocation() {
        ClearWOSAMsg();
        $('#WorkOrderStaffAllocationGrid').find('.k-pager-refresh').click();
    }

    function AddStaffAllocation() {
        var data = $('#WorkOrderStaffAllocationGrid').data('kendoGrid')._data;
        $('#WorkOrderStaffAllocationGrid').find('.k-grid-add').click();

        ClearWOSAMsg();
    }

    function DeleteStaffAllocation(event) {
        ClearWOSAMsg();
        $('#WorkOrderStaffAllocationGrid').find('.delete').click();
        UpdateWorkOrderSetupTabMandatoryStatus('WorkOrderStaffAllocation');
    }


    function DateTimeOnChange(e) {
        var columnName = $(e.sender.element).attr('id');

        if (columnName == "EffectiveStartDate" || columnName == "EffectiveEndDate")
            updateEffectiveEndDate(selectedRowUid);
    }

    function getFormattedDate(date) {
        var year = date.getFullYear();
        var month = (1 + date.getMonth()).toString();
        month = month.length > 1 ? month : '0' + month;
        var day = date.getDate().toString();
        day = day.length > 1 ? day : '0' + day;
        return year + '-' + month + '-' + day;
    }


    function updateEffectiveEndDate(selectedRowUid) {

        var dataSource = $("#WorkOrderStaffAllocationGrid").data("kendoGrid").dataSource,
           data = dataSource.data(),
           changedModels = [];

        var grid = $("#WorkOrderStaffAllocationGrid").data("kendoGrid");
        var uid = selectedRowUid;
        var rowIndex = grid.tbody.find("tr[data-uid='" + uid + "']").index();
        var dataItem = grid.dataSource.data()[rowIndex];

        for (var i = 0; i < data.length; i++) {
            if (data[i].UserRoleId == dataItem.UserRoleId) {
                var model = data[i].toJSON();

                model.UID = data[i].uid;

                var EffectiveStartDate = new Date(data[i].EffectiveStartDate);
                var EffectiveEndDate = new Date(data[i].EffectiveEndDate);
                var HRMSEffectiveStartDate = new Date(data[i].HRMSEffectiveStartDate);
                var HRMSEffectiveEndDate = new Date(data[i].HRMSEffectiveEndDate);

                if (data[i].EffectiveStartDate != null && data[i].EffectiveStartDate != "")
                    model.EffectiveStartDate = EffectiveStartDate.getDate() + '/' + (EffectiveStartDate.getMonth() + 1) + '/' + EffectiveStartDate.getFullYear();

                if (data[i].EffectiveEndDate != null && data[i].EffectiveEndDate != "")
                    model.EffectiveEndDate = EffectiveEndDate.getDate() + '/' + (EffectiveEndDate.getMonth() + 1) + '/' + EffectiveEndDate.getFullYear();

                if (data[i].HRMSEffectiveStartDate != null && data[i].HRMSEffectiveStartDate != "")
                    model.HRMSEffectiveStartDate = HRMSEffectiveStartDate.getDate() + '/' + (HRMSEffectiveStartDate.getMonth() + 1) + '/' + HRMSEffectiveStartDate.getFullYear();

                if (data[i].HRMSEffectiveEndDate != null && data[i].HRMSEffectiveEndDate != "")
                    model.HRMSEffectiveEndDate = HRMSEffectiveEndDate.getDate() + '/' + (HRMSEffectiveEndDate.getMonth() + 1) + '/' + HRMSEffectiveEndDate.getFullYear();
                changedModels.push(model);
            }
        }

        $.ajax({
            url: '/WorkOrderStaffAllocation/GetUpdatedEffectiveStartEnd',
            type: 'POST',
            data: { vm: changedModels, uid: selectedRowUid },
            success: function (data) {
                if (data.returnModel.ReturnStatus == 'success') {
                    var grid = $("#WorkOrderStaffAllocationGrid").data("kendoGrid");
                    var d = new Date(0001, 0, 1);
                    d.setFullYear(1);

                    $(data.returnModel.Data).each(function (index, element) {
                        var currentUId = data.returnModel.Data[index].UID;
                        //var dataSource2 = $('#StaffAllocationBatchGrid').data().kendoGrid.dataSource;

                        var effectivedate = $.grep(grid.dataSource.data(), function (n, i) {
                            return n.uid == currentUId;
                        })[0];

                        if (data.returnModel.Data[index].EffectiveStartDate != null && data.returnModel.Data[index].EffectiveStartDate != '') {
                            //effectivedate[0].set('EffectiveStartDate', new Date(parseInt(data.returnModel.Data[index].EffectiveStartDate.substr(6))));
                            var startDate = new Date(parseInt(data.returnModel.Data[index].EffectiveStartDate.substr(6)));

                            if (startDate != null && startDate.toDateString() != d.toDateString() && (effectivedate.EffectiveStartDate == null || effectivedate.EffectiveStartDate == "" || startDate.toString() != effectivedate.EffectiveStartDate.toString()))
                                effectivedate = updateObjectByName(effectivedate, 'EffectiveStartDate', new Date(parseInt(data.returnModel.Data[index].EffectiveStartDate.substr(6))));
                        }

                        if (data.returnModel.Data[index].EffectiveEndDate != null && data.returnModel.Data[index].EffectiveEndDate != '') {
                            //effectivedate[0].set('EffectiveEndDate', new Date(parseInt(data.returnModel.Data[index].EffectiveEndDate.substr(6))));
                            var endDate = new Date(parseInt(data.returnModel.Data[index].EffectiveEndDate.substr(6)));

                            if (endDate != null && (effectivedate.EffectiveEndDate == null || effectivedate.EffectiveEndDate == "" || endDate.toString() != effectivedate.EffectiveEndDate.toString()))
                                effectivedate = updateObjectByName(effectivedate, 'EffectiveEndDate', new Date(parseInt(data.returnModel.Data[index].EffectiveEndDate.substr(6))));
                        }
                    })
                    grid.refresh();
                }
            },
            error: function (data) { }
        });
    }

    function SendHRMSRequest() {
        var gridSelection = GetSelectionGridIds('WorkOrderStaffAllocationGrid');

        if (gridSelection.length == 0) {
            var errors = '';
            errors = '<ul class="noti">'
            errors += '<li>No Item(s) Selected</li>';
            errors += '</ul>'

            var obj = localStorage.getItem('SessionGlobalTranslate');
            var MessageTitle = JSON.parse(obj).MessageTitle;
            GenerateDisplayMsg("error", MessageTitle, errors, 'divMessageStaffAllocation');
        }
        else {
            HRMSRequestPopUp();
            //var obj = localStorage.getItem('SessionGlobalTranslate');
            //var MessageTitle = JSON.parse(obj).MessageTitle;
            //var success = JSON.parse(obj).success;

            //sessionStorage.removeItem('displayMsg');

            //GenerateDisplayMsg(success, 'HRMS Request Sent Successfully', '', 'divMessageStaffAllocation');
        }
    };

    function HRMSRequestPopUp() {
        var gridSelection = GetSelectionGridIds('WorkOrderStaffAllocationGrid');
        var wnd = $("#HRMSRequestPopUp").data("kendoWindow");

        wnd.refresh({
            url: "/WorkOrderStaffAllocation/HRMSRequestPopUp",
            data: {
                staffAllocationIds: gridSelection.join(',')
            }
        });

        wnd.element.prev().find(".k-window-title").html("<div class='ibox-title2 tooltip-demo'>" + 'Staff Allocation' + ' - ' + 'HRMS Request' /*+ " <i class='fa fa-long-arrow-right fa-1x'></i> <span class='green_bold'> Select</span>"*/ + "</div>");

        wnd.center();
        wnd.open();
    }

    function NotifyStaff() {
        var gridSelection = GetSelectionGridIds('WorkOrderStaffAllocationGrid');

        if (gridSelection.length == 0) {
            var errors = '';
            errors = '<ul class="noti">'
            errors += '<li>No Item(s) Selected</li>';
            errors += '</ul>'

            var obj = localStorage.getItem('SessionGlobalTranslate');
            var MessageTitle = JSON.parse(obj).MessageTitle;
            GenerateDisplayMsg("error", MessageTitle, errors, 'divMessageStaffAllocation');
        }
        else {
            NotifyStaffPopUp();
        }
    };

    function NotifyStaffPopUp() {
        var gridSelection = GetSelectionGridIds('WorkOrderStaffAllocationGrid');
        var wnd = $("#NotifyStaffPopUp").data("kendoWindow");

        wnd.refresh({
            url: "/WorkOrderStaffAllocation/NotifyStaffPopUp",
            data: {
                staffAllocationIds: gridSelection.join(',')
            }
        });

        wnd.element.prev().find(".k-window-title").html("<div class='ibox-title2 tooltip-demo'>" + 'Staff Allocation' + ' - ' + 'Notify Staff' /*+ " <i class='fa fa-long-arrow-right fa-1x'></i> <span class='green_bold'> Select</span>"*/ + "</div>");

        wnd.center();
        wnd.open();
    }



    function RemarkOnClick(e) {
        var rowId = $(e).closest('tr').data('uid');
        var dataItem = $.grep($('#WorkOrderStaffAllocationGrid').data('kendoGrid').dataSource.data(), function (n, i) {
            return n.uid == rowId;
        });

        if (dataItem != undefined && dataItem != null && dataItem.length > 0) {
            var di = dataItem[0];
            var model = {};
            model.RowUID = rowId;
            model.OMS_WorkOrderStaffAllocationId = di.OMS_WorkOrdersStaffAllocationsId;
            model.User = di.User;
            model.UserRole = di.UserRole;
            model.Remark = di.Remark;
            WorkOrderStaffAllocationRemarkPopUp(model);
        }
    }

    function WorkOrderStaffAllocationRemarkPopUp(model) {
        var wnd = $("#WorkOrderStaffAllocationRemarkPopUp").data("kendoWindow");

        wnd.refresh({
            url: "/WorkOrderStaffAllocation/WorkOrderStaffAllocationRemarkPopUp",
            data: {
                WorkOrderId: '24',
                UserRole: model.UserRole,
                User: model.User,
                RowUID: model.RowUID,
                Remark: model.Remark
            }
        });

        wnd.element.prev().find(".k-window-title").html("<div class='ibox-title2 tooltip-demo'>" + 'Update Remark' /*+ " <i class='fa fa-long-arrow-right fa-1x'></i> <span class='green_bold'> Select</span>"*/ + "</div>");

        wnd.center();
        wnd.open();
    }

    function CloseWorkOrderStaffAllocationRemarkPopUp() {
        var wnd = $("#WorkOrderStaffAllocationRemarkPopUp").data("kendoWindow");

        wnd.close();
    }

    function SaveRemark(rowUID) {
        var remark = $("#WorkOrderStaffAllocationRemarkPopUp #Remark").val();
        var dataItem = $.grep($('#WorkOrderStaffAllocationGrid').data('kendoGrid').dataSource.data(), function (n, i) {
            return n.uid == rowUID;
        });
        if (dataItem != undefined && dataItem != null && dataItem.length > 0) {
            var di = dataItem[0];

            if (remark != di.Remark) {
                di.Remark = remark;
                di = updateObjectByName(di, 'Remark', remark);
                $('#WorkOrderStaffAllocationGrid').data('kendoGrid').refresh();
            }
        }

        if ($("#WorkOrderStaffAllocationRemarkPopUp #Remark").val() == '')
            $('#WorkOrderStaffAllocationGrid tr[data-uid="' + rowUID + '"] span[data-removeicon="false"]').css('color', '#596EA4');
        else
            $('#WorkOrderStaffAllocationGrid tr[data-uid="' + rowUID + '"] span[data-removeicon="false"]').css('color', '#52A339');

        CloseWorkOrderStaffAllocationRemarkPopUp();
    }

    //[OngMeiSin@20190625#filterUser:added] <start>
    //function onOpenDropDownGridSA(e) {
    //    var id = $(e.sender.wrapper[0].outerHTML).find('input').attr('id');
    //    var guidEmpty = '00000000-0000-0000-0000-000000000000';

    //    var dataItem = this.dataItem(e.item);
    //    var grid = $('#WorkOrderStaffAllocationGrid').data("kendoGrid");

    //    if (grid != undefined) {
    //        var dataRows = grid.items();
    //        var dataSource = $('#' + 'WorkOrderStaffAllocationGrid').data('kendoGrid').dataSource;
    //        var dataRow = dataSource.data()[lastSelectedIndex];

    //        var UserRoleId = dataRow.UserRoleId;

    //        if (UserRoleId == '' || UserRoleId == undefined || UserRoleId == null)
    //            UserRoleId = guidEmpty;

    //        if (id == 'User') {
    //            UpdateUserSelectList(UserRoleId);
    //        }

    //    }
    //}

    //function UpdateUserSelectList(userRoleId) {
    //    $.ajax({
    //        url: '/WorkOrderStaffAllocation/GetUsersByUserRole',
    //        type: 'POST',
    //        data: { userRoleId: userRoleId },
    //        success: function (data) {
    //            if (data.returnModel.ReturnStatus == 'success') {
    //                $('#User').data('kendoDropDownList').setDataSource(data.dataSource);
    //            }
    //        },
    //        error: function (data) { }
    //    });
    //}
    //[OngMeiSin@20190625#filterUser:added] <end>

    function onChangeDropDownGridSABatch(e) {
        var id = $(e.sender.wrapper[0].outerHTML).find('input').attr('id');
        var guidEmpty = '00000000-0000-0000-0000-000000000000';

        var grid = $('#WorkOrderStaffAllocationGrid').data("kendoGrid");

        if (grid != undefined) {
            var dataRows = grid.items();
            var dataSource = $('#' + 'WorkOrderStaffAllocationGrid').data('kendoGrid').dataSource;
            var dataRow = dataSource.data()[lastSelectedIndex];
            var woId = dataRow.OMS_WorkOrdersId;

            if (woId == '' || woId == undefined || woId == null)
                woId = guidEmpty;

            var uid = [];
            uid.push(dataRow.uid);
            if (dataRow.EffectiveStartDate != "") {
                setTimeout(function () {
                    updateEffectiveEndDate(uid);
                }, 100);
            }
        }
    }

</script>
</div><div class="k-content" id="WorkOrderTabStrip-4"></div><div class="k-content" id="WorkOrderTabStrip-5"></div><div class="k-content" id="WorkOrderTabStrip-6"></div><div class="k-content" id="WorkOrderTabStrip-7"></div></div></div></div>

<div id="divHeaderToCopy" style="display:none;">
    <div class="col-md-4 text-right">
<input type="button" onclick="FirstWorkOrderRecord();" class="btn btn-xs u-btn-3d u-btn-darkgray" id="btnFirstRecordWorkOrderSetup" value="<<" href="#">&nbsp;<input type="button" onclick="PreviousWorkOrderRecord();" class="btn btn-xs u-btn-3d u-btn-darkgray" id="btnPreviousRecordWorkOrderSetup" value="<" href="#">&nbsp;<input type="button" onclick="ReturnBackToPreviousListingPage();" class="btn btn-xs u-btn-3d u-btn-darkgray" id="btnBackToListing" value="Back to Listing" href="#">&nbsp;<input type="button" onclick="NextWorkOrderRecord();" class="btn btn-xs u-btn-3d u-btn-darkgray" id="btnNextRecordWorkOrderSetup" value=">" href="#">&nbsp;<input type="button" onclick="LastWorkOrderRecord();" class="btn btn-xs u-btn-3d u-btn-darkgray" id="btnLastRecordWorkOrderSetup" value=">>" href="#">&nbsp;
    </div>
</div></div>
										<!-- Table End -->
									</div>

								</div>
							</div>
							<!--Content Box End-->


							<div id="divContentAjaxloading" style="display: none;">
								<div class="ajaxload-overlay" style="display: block; z-index: 90002; opacity: 0.4;">
									
									<div id="floatingBarsG_main">
										<div class="blockG_main" id="rotateG_01_main"></div>
										<div class="blockG_main" id="rotateG_02_main"></div>
										<div class="blockG_main" id="rotateG_03_main"></div>
										<div class="blockG_main" id="rotateG_04_main"></div>
										<div class="blockG_main" id="rotateG_05_main"></div>
										<div class="blockG_main" id="rotateG_06_main"></div>
										<div class="blockG_main" id="rotateG_07_main"></div>
										<div class="blockG_main" id="rotateG_08_main"></div>
									</div>
								</div>
							</div>
						</div>
						<!-- END Content -->

					</div>
				</div>
				<a class="scrollToTop scrollToTop_cycle" href="#"></a>

				




			</section>
		</div>

		<div id="footer" class="container-fluid bg-dark">
			
			<div class="row align-items-center p-3">
				<!-- Footer Nav -->
				<div class="col-4">
					<ul class="list-inline text-center text-md-left mb-0">
						<li class="list-inline-item">
							 &nbsp;
						</li>
						<li class="list-inline-item">
							<span class="text-secondary"></span>
						</li>
						<li class="list-inline-item">
							 &nbsp;
						</li>
					</ul>
				</div>
				<!-- End Footer Nav -->
				<!-- Footer Socials -->
				<div class="col-4">
					<ul class="list-inline text-center mb-0">
						<li class="list-inline-item ">
							
						</li>
					</ul>
				</div>
				<!-- End Footer Socials -->
				<!-- Footer Copyrights -->
				<div class="col-4 text-center text-md-right">
					<small>Copyright  PayrollServe</small>
				</div>
				<!-- End Footer Copyrights -->
			</div>
			
			<!-- End Footer -->
		</div>
	</main>


	<!--JS Custom -->
	<script src="/bundles/CMS/JS?v=YeSMO4TbhPHvfNp50Bquq-hjeZx9SZSot2A3VYgdw4E1"></script>

	<script src="/bundles/HRMS_V3_CustomScript?v=wvf3vZlWcdnsgxiPJG_c-cPRlGDQ6yFgikVPzirKr9s1"></script>


	<script>

		var tab = null;
		function ProfilePicturePopUp() {
			var wnd = $("#MyProfilePopUp").data("kendoWindow");
			wnd.refresh({
				url: "/MyProfile/ProfilePicture",
				data: {
					userId: '68cb571b-cde0-4f10-8ec8-47d574655329'
				}
			});
			var titleValue = 'Profile Picture';
			wnd.title(titleValue);
			//wnd.wrapper.css({
			//    width: 500,
			//    height: 500
			//});
			wnd.center();
			wnd.open();
		}

		function SecurityQuestionPopUp() {
			var wnd = $("#MyProfilePopUp").data("kendoWindow");
			wnd.refresh({
				url: "/MyProfile/Validation",
				data: {
					userId: '68cb571b-cde0-4f10-8ec8-47d574655329'
				}
			});
			var titleValue = 'Reset Security Question';
			wnd.title(titleValue);
			wnd.wrapper.css({
				width: 1000,
				height: 200
			});
			wnd.center();
			wnd.open();
		}

		function ChangePasswordPopUp() {
			var wnd = $("#MyProfilePopUp").data("kendoWindow");
			wnd.refresh({
				url: "/MyProfile/ChangePassword",
				data: {
					userId: '68cb571b-cde0-4f10-8ec8-47d574655329'
				}
			});
			var titleValue = 'Change Password';
			wnd.title(titleValue);
			//wnd.wrapper.css({
			//    width: 500,
			//    height: 500
			//});
			wnd.wrapper.css({
				width: 800,
				height: 400
			});

			wnd.center();
			wnd.open();
		}

		function ThemePopUp() {
			var wnd = $("#ThemePopUp").data("kendoWindow");
			wnd.refresh({
				url: "/Shared/Theme"
			});

			wnd.title('Customize Theme');
			//wnd.wrapper.css({
			//    width: 500,
			//    height: 500
			//});
			wnd.center();
			wnd.open();
		}

		function SecurityQuestionPopUp() {
			var wnd = $("#MyProfilePopUp").data("kendoWindow");
			wnd.refresh({
				url: "/MyProfile/Validation",
				data: {
					userId: '68cb571b-cde0-4f10-8ec8-47d574655329'
				}
			});
			var titleValue = 'Reset Security Question';
			wnd.title(titleValue);
			wnd.wrapper.css({
				width: 1000,
				height: 200
			});
			wnd.center();
			wnd.open();
		}

		function ChangePasswordPopUp() {
			var wnd = $("#MyProfilePopUp").data("kendoWindow");
			wnd.refresh({
				url: "/MyProfile/ChangePassword",
				data: {
					userId: '68cb571b-cde0-4f10-8ec8-47d574655329'
				}
			});
			var titleValue = 'Change Password';
			wnd.title(titleValue);
			wnd.wrapper.css({
				width: 800,
				height: 400
			});
			wnd.center();
			wnd.open();
		}

		

		function ExceptionPage() {
			window.history.pushState("object or string", "Title", '/Shared/ExceptionPage');
			setTimeout(function () { $('#ulBreadCrumb').empty(); }, 500);

			ReplacePartialView('/Shared/ExceptionPage', mainDivContent);
		}

		function SystemSetupPage() {
			window.history.pushState("object or string", "Title", '/CompanyGeneralSetting/CompanyGeneralSettingSetup');
			setTimeout(function () { $('#ulBreadCrumb').empty(); }, 500);
			ReplacePartialView('/CompanyGeneralSetting/CompanyGeneralSettingSetup', mainDivContent);
		}

		function APIHistoryPage() {
			window.history.pushState("object or string", "Title", '/API_ViewHistory/Index');
			setTimeout(function () { $('#ulBreadCrumb').empty(); }, 500);
			ReplacePartialView('/API_ViewHistory/Index', mainDivContent);
		}

		function SysAnnouncementPage() {
			window.history.pushState("object or string", "Title", '/SystemAnnouncement/SystemAnnouncementListing');
			setTimeout(function () { $('#ulBreadCrumb').empty(); }, 500);
			ReplacePartialView('/SystemAnnouncement/SystemAnnouncementListing', mainDivContent);
		}

		function SchedulerSetup() {
			window.history.pushState("object or string", "Title", '/Common_Scheduler/Listing');
			setTimeout(function () { $('#ulBreadCrumb').empty(); }, 500);
			ReplacePartialView('/Common_Scheduler/Listing', mainDivContent);
		}

		function APISetupMethod() {
			window.history.pushState("object or string", "Title", '/APISetupMethod/Index');
			setTimeout(function () { $('#ulBreadCrumb').empty(); }, 500);
			ReplacePartialView('/APISetupMethod/Index', mainDivContent);
		}

		function setGreetingWord() {
			var now = new Date();
			if (now.getHours() >= 0 && now.getHours() < 12) {
				$("#greeting").prepend('Good Morning ')
			} else if (now.getHours() >= 12 && now.getHours() < 16) {
				$("#greeting").prepend('Good Afternoon ')
			} else {
				$("#greeting").prepend('Good Evening ')
			}
		}

		function chkFavourite() {

			var oriHostname = window.location.pathname
			var splitHostname = oriHostname.substring(oriHostname.indexOf('/') + 1);
			var hostname = splitHostname.split('/', 1)[0]

			$.ajax({
				url: '/Shared/IsFavouriteMenu',
				data: { hostname: hostname },
				success: function (data) {
					var isMenuExist = data.isMenuExist;

					//if (data.isPortalAdmin == true) {
					//    $('#favouriteIcon').css('display', 'none')
					//    $('#nav-expander_f').css('display', 'none')
					//} else {
					$('#favouriteIcon').css('display', '')
					$('#nav-expander_f').css('display', '')

					if (isMenuExist == 'True') {
						$('#favouriteIcon').removeClass('masterLink-favorite-off');
						$('#favouriteIcon').removeAttr('title');
						$('#favouriteIcon').addClass('masterLink-favorite-on');
						$('#favouriteIcon').attr('title', 'Remove Favourite');
						$('#favouriteIcon').attr('data-original-title', 'Remove Favourite');
						$('#favouriteIcon').attr('SYS_UserFavouriteID', data.SYS_UserFavouriteID);
					} else {
						$('#favouriteIcon').removeClass('masterLink-favorite-on');
						$('#favouriteIcon').removeAttr('title');
						$('#favouriteIcon').addClass('masterLink-favorite-off');
						$('#favouriteIcon').attr('title', 'Add Favourite');
						$('#favouriteIcon').attr('data-original-title', 'Add Favourite');
						$('#favouriteIcon').attr('SYS_UserFavouriteID', 'None');
					}
					$('#favouriteIcon').attr('MenuExist', isMenuExist);
					//}
				},
				error: function (data) {
					alert('FavouriteLinkError');
				}
			})
		}

		function PopulateSearchBar() {


			$.ajax({
				url: '/Shared/MenuSearch',
				success: function (data) {
					$('#divSearchMenu').html(data);
				},
				error: function (data) {
					//alert('FavouriteLinkError');
				},
				type: "GET"
			})
		}

		$(document).on('ready', function () {

			$('#divNavMenu').kendoMenu({ scrollable: true, animation: false });
			$('#divNavMenu').css('display', 'inline-table');
			$("#divNavMenu").css("display", "")
			$('#divNavMenu li[data-search]').find('span.k-i-arrow-60-down').remove();
			//$('#divNavMenu li[data-parent]:first').addClass('activeParent');

			var menuId = sessionStorage.getItem('currentModule');

			var pathname = window.location.pathname;
			var split = pathname.split('/');
			var ctrl = split[1];
			var act = split[2];
			var id = $('a[data-menulink=true][controllername=' + ctrl + '][actionname=' + act + ']').attr('id');
			if (menuId == undefined) {
			    sessionStorage.setItem('currentModule', id);
			    menuId = id;
			}

			if (menuId != undefined) {
				if (menuId == '7843ef2a-842e-4a60-a98e-ea5bc8c6a12c') {
					$('#divKeyInfoBar').css('display', 'none');
				}
				else {
					$('#divKeyInfoBar').css('display', '');
				}
				$('#divNavMenu li[data-parent]').removeClass('activeParent');

				var menuGroupId = $('#' + menuId).attr('data-menugroup');
				$('span[data-menugroup=' + menuGroupId + ']').closest('li[data-parent]').addClass('activeParent');
			}
			PopulateSearchBar();

			// replace bread crumb
			//DefaultBreadCrumb();
			//debugger;
			//if (sessionStorage.getItem('currentModule') != undefined) {
			//    //changetitleCMS($('#' + sessionStorage.getItem('currentModule')));

			//    var pathname = window.location.pathname;
			//    var split = pathname.split('/');
			//    var ctrl = split[1];
			//    var act = split[2];
			//    var id = $('a[data-menulink=true][controllername=' + ctrl + '][actionname=' + act + ']').attr('id');
			//    sessionStorage.setItem('currentModule', id);
			//    DefaultBreadCrumb();
			//}
			

			if (ctrl.toLowerCase() != 'home') {
				screenCategory = 'Listing';
			}

			DefaultBreadCrumb();

			// initialization of custom scrollbar
			$.HSCore.components.HSScrollBar.init($('.js-custom-scroll'));

			// initialization of HSDropdown component
			$.HSCore.components.HSDropdown.init($('[data-dropdown-target]'), { dropdownHideOnScroll: false });

			// initialization of hamburger
			$.HSCore.helpers.HSHamburgers.init('.hamburger');

			// initialization of custom select
			$('.js-select').selectpicker();

			// initialization of range datepicker
			$.HSCore.components.HSRangeDatepicker.init('#rangeDatepicker, #rangeDatepicker2');

			// initialization of charts
			$.HSCore.components.HSBarChart.init('.js-bar-chart');

			// initialization of sidebar navigation component
			$.HSCore.components.HSSideNav.init('.js-side-nav', {
				afterOpen: function () {
					setTimeout(function () {
						$.HSCore.components.HSBarChart.init('.js-bar-chart');
					}, 400);
				},
				afterClose: function () {
					setTimeout(function () {
						$.HSCore.components.HSBarChart.init('.js-bar-chart');
					}, 400);
				}
			});

			$('#MyProfile_ProfilePicture').click(function () {
				ProfilePicturePopUp()
			})

			$('#MyProfile_SecurityQuestion').click(function () {
				SecurityQuestionPopUp()
			})


			$('#MyProfile_ChangePassword').click(function () {
				ChangePasswordPopUp()
			})

			var customSettings;

			//TO-DO : Jeremy : remove line below in production later 4/2/2016 due to change name from "gridTranslate" to "SessionGlobalTranslate"
			localStorage.removeItem('gridTranslate');

			//TO-DO : Jeremy & Yung Lin : revised one how shall client retain or refresh on translated local storage
			localStorage.removeItem('SessionGlobalTranslate');
			customSettings = localStorage.getItem('SessionGlobalTranslate');

			if (customSettings == null) {

				$.ajax({
					url: '/Shared/GetMySessionSessionGlobalTranslate',
					dataType: 'json',
					//contentType: "application/json; charset=utf-8",
					success: function (data) {
						//console.log(data);

						localStorage.setItem('SessionGlobalTranslate', JSON.stringify(data));
					},
					async: false,
					error: function (data) {
						console.log(data);
					},
					type: 'GET'
				});
			}

			setGreetingWord();
			//var opt = [];

			//opt.push({ url: "/glcode/glcodelisting", tabName: "GL Listing", tooltip: "GL Listing", uniqueTab: true });
			//opt.push({ url: "/masterpricelist/masterpricelistlisting", tabName: "Master Price List Listing", tooltip: "Master Price List Listing", uniqueTab: true });
			//tab = $('#tabList').kendoTab({ id: "tabStrip", options: opt, showTooltip: true, showClose: true, showSort: true, openTab: false, showControls: true });

			initSession();
		});
	</script>

	<script>
	kendo.syncReady(function(){jQuery("#MyProfilePopUp").kendoWindow({"modal":true,"iframe":false,"draggable":true,"scrollable":true,"pinned":false,"title":"Photo Pop Up","resizable":false,"width":500,"height":600,"actions":["Close"]});});
</script>

	<script>
	kendo.syncReady(function(){jQuery("#ThemePopUp").kendoWindow({"modal":true,"iframe":false,"draggable":true,"scrollable":true,"pinned":false,"title":"Customize Theme","resizable":false,"width":800,"height":600,"actions":["Close"]});});
</script>





<div class="k-widget k-window" data-role="draggable" style="padding-top: 28px; min-width: 90px; min-height: 50px; width: 500px; height: 600px; display: none;"><div class="k-window-titlebar k-header" style="margin-top: -28px;"><span class="k-window-title" id="MyProfilePopUp_wnd_title">Photo Pop Up</span><div class="k-window-actions"><a role="button" href="#" class="k-button k-bare k-button-icon k-window-action" aria-label="Close"><span class="k-icon k-i-close"></span></a></div></div><div id="MyProfilePopUp" style="" data-role="window" class="k-window-content k-content" tabindex="0" role="dialog" aria-labelledby="MyProfilePopUp_wnd_title"></div></div><div class="k-widget k-window" data-role="draggable" style="padding-top: 28px; min-width: 90px; min-height: 50px; width: 800px; height: 600px; display: none;"><div class="k-window-titlebar k-header" style="margin-top: -28px;"><span class="k-window-title" id="ThemePopUp_wnd_title">Customize Theme</span><div class="k-window-actions"><a role="button" href="#" class="k-button k-bare k-button-icon k-window-action" aria-label="Close"><span class="k-icon k-i-close"></span></a></div></div><div id="ThemePopUp" style="" data-role="window" class="k-window-content k-content" tabindex="0" role="dialog" aria-labelledby="ThemePopUp_wnd_title"></div></div><script id="teststudio-execution" extension_id="gegcllkonmciadpdldechnepmjildoan" type="text/javascript" src="chrome-extension://gegcllkonmciadpdldechnepmjildoan/scripts/pageScript.js"></script><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">5</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">10</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="2" id="e326cf71-c460-4f4b-950e-b13c26600468">20</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="3">50</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">100</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Starts with</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="3" id="86003d7d-b90f-42ea-a80f-c01f00dcff82">Contains</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Does not contain</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Ends with</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">Is empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">Is not empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="10">Has no value</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="11">Has value</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="polite" data-role="staticlist" role="listbox"></ul></div><div class="k-nodata" style="display:none"><div></div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Starts with</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="3" id="825af3f7-b447-4bf6-83a1-8dd20354837f">Contains</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Does not contain</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Ends with</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">Is empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">Is not empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="10">Has no value</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="11">Has value</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-animation-container" style="width: 71.0313px; height: 46px; overflow: hidden; display: none; position: absolute; top: 367.266px; z-index: 10002; left: 119.188px;" aria-hidden="true"><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="position: absolute; font-size: 12px; font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; font-stretch: 100%; font-style: normal; font-weight: 700; line-height: normal; width: 65.0313px; min-width: 65.0313px; white-space: normal; height: auto; display: none; transform: translateY(-46.5938px);"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on" style="height: auto;"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="polite" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">REF0000000024</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Starts with</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="3" id="c04d19cc-25dd-4396-8744-86aa4ac0e43d">Contains</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Does not contain</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Ends with</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">Is empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">Is not empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="10">Has no value</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="11">Has value</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="polite" data-role="staticlist" role="listbox"></ul></div><div class="k-nodata" style="display:none"><div></div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Starts with</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="3" id="b4896f0e-e861-4a44-bd19-6dd7571d9c10">Contains</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Does not contain</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Ends with</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">Is empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">Is not empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="10">Has no value</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="11">Has value</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="polite" data-role="staticlist" role="listbox"></ul></div><div class="k-nodata" style="display:none"><div></div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Starts with</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="3" id="d5d0792f-ef96-4bf4-a5ad-051864f212d8">Contains</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Does not contain</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Ends with</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">Is empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">Is not empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="10">Has no value</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="11">Has value</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="polite" data-role="staticlist" role="listbox"></ul></div><div class="k-nodata" style="display:none"><div></div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Starts with</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="3" id="d281ca09-aa75-4ebe-8f7b-a0dc55f66386">Contains</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Does not contain</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Ends with</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">Is empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">Is not empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="10">Has no value</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="11">Has value</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="polite" data-role="staticlist" role="listbox"></ul></div><div class="k-nodata" style="display:none"><div></div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Starts with</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="3" id="c59275e1-c911-432d-b965-a0e8280038d8">Contains</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Does not contain</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Ends with</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">Is empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">Is not empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="10">Has no value</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="11">Has value</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="polite" data-role="staticlist" role="listbox"></ul></div><div class="k-nodata" style="display:none"><div></div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Starts with</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="3" id="25107a61-4ae5-468d-8870-bb40fb99e220">Contains</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Does not contain</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Ends with</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">Is empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">Is not empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="10">Has no value</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="11">Has value</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="polite" data-role="staticlist" role="listbox"></ul></div><div class="k-nodata" style="display:none"><div></div></div></div><div aria-hidden="true" class="k-calendar-container k-popup k-group k-reset" data-role="popup" style="display: none; position: absolute;"></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="0" id="5d45d808-c9b4-4120-8b96-7d2cf6ae5843">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Is after or equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="3">Is after</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Is before or equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Is before</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div aria-hidden="true" class="k-calendar-container k-popup k-group k-reset" data-role="popup" style="display: none; position: absolute;"></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="0" id="40e629c8-b76a-4c68-a61e-a77c1c2e3e40">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Is after or equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="3">Is after</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Is before or equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Is before</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="0" id="d1d6d475-3c9e-4ee4-9a5c-6b242bc977ce">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Is greater than or equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="3">Is greater than</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Is less than or equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Is less than</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Starts with</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="3" id="7b90bf5d-17b3-4306-8f8c-9414331a072f">Contains</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Does not contain</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Ends with</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">Is empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">Is not empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="10">Has no value</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="11">Has value</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="polite" data-role="staticlist" role="listbox"></ul></div><div class="k-nodata" style="display:none"><div></div></div></div><div class="k-list-container k-popup k-group k-reset" id="OMS_ClientsId-list" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><span class="k-list-filter"><input class="k-textbox" role="listbox" aria-haspopup="true" aria-expanded="false" aria-owns="OMS_ClientsId_listbox" tabindex="0" aria-disabled="false" aria-activedescendant="399ef839-8e26-4aa8-ac27-d0d1358d4020"><span class="k-icon k-i-zoom"></span></span><div class="k-list-optionlabel"> </div><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" id="OMS_ClientsId_listbox" aria-live="polite" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">(Janice) ABC Studio</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">MIMITesting  -  WSPriceListT - WSClient 001</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">MIMITesting  -  WSPriceListT - WSClient 002</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="3">QC Co. A</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">QC Co. B</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">QC Co. C</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">QC Co. D (HQ)</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">QC Co. E</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">QC Co. F</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">QC Co. G</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="10">QC Co. H (HQ)</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="11">QC Co. I</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="12">QC Co. J</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="13">submit</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="14">subscribe contract</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected k-state-focused" aria-selected="true" data-offset-index="15" id="399ef839-8e26-4aa8-ac27-d0d1358d4020">Test123</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="16">Testing</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="17">TestMimi001</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="18">WSS-Client001</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="19">WSS-Client002</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="20">WSS-Client003</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="21">WSS-Client004</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="22">WSS-Client005</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="23">YJ Test</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" id="OMS_ContractsId-list" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><span class="k-list-filter"><input class="k-textbox" role="listbox" aria-haspopup="true" aria-expanded="false" aria-owns="OMS_ContractsId_listbox" tabindex="0" aria-disabled="false" aria-activedescendant="e30e971f-b7e4-4d0c-a2f3-5616efbd4370"><span class="k-icon k-i-zoom"></span></span><div class="k-list-optionlabel"> </div><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" id="OMS_ContractsId_listbox" aria-live="polite" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">REF0000000004 (Test123)</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected k-state-focused" aria-selected="true" data-offset-index="1" id="e30e971f-b7e4-4d0c-a2f3-5616efbd4370">REF0000000005 (Test123)</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">REF0000000028 (Test123)</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="3">REF0000000029 (Test123)</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">REF0000000034 (Test123)</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">REF0000000035 (Test123)</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">REF0000000036 (Test123)</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">REF0000000038 (Test123)</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">REF0000000039 (Test123)</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">REF0000000047 (Test123)</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" id="ServiceProductGroupId-list" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><span class="k-list-filter"><input class="k-textbox" role="listbox" aria-haspopup="true" aria-expanded="false" aria-owns="ServiceProductGroupId_listbox" tabindex="0" aria-disabled="false" aria-activedescendant="937c7a04-1248-4eed-af35-7b7ba35e866a"><span class="k-icon k-i-zoom"></span></span><div class="k-list-optionlabel"> </div><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" id="ServiceProductGroupId_listbox" aria-live="polite" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">123</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">12345678901234567890123456789012345678901234567890123451234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345612345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345612345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234561234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345612345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345612345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234561234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">1test</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="3">2 yuiop</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">20/11/19</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">20/11/19#2</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">26/11 SPG with v1 &amp; v3</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">27/11 Change update</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">A TEST</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">A TEST 2</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="10">BaoJun - Expense</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="11">ChiewGuet  - Payroll Data Management</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="12">ChiewGuet - Salary Disbursement</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="13">Claims Processing</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="14">Gov &amp; Bank Registration</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="15">Grace Performance Appraisal</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="16">HR Admin &amp; Support</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="17">HR Services</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="18">Implementation</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="19">Leave Processing</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="20">MIMI-CPL-SPG001</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="21">MIMI-WS-SPG001</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="22">Name</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="23">no module</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="24">Not Applicable</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected k-state-focused" aria-selected="true" data-offset-index="25" id="937c7a04-1248-4eed-af35-7b7ba35e866a">Payroll Processing</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="26">Payroll Service</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="27">Performance Appraisal</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="28">Performance Appraisal - JC</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="29">QC-All Item Type</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="30">QC-GIRO Transaction</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="31">QC-HR &amp; Others</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="32">QC-Leave Headcount</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="33">QC-New Employee</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="34">QC-New User</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="35">QC-Payroll Headcount</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="36">QC-Payroll Transaction</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="37">QC-Tax Form</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="38">sh660</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="39">Smart SPG</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="40">SPG (All)</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="41">SPG (Changed)</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="42">SPG (Today)</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="43">SPG (Used in other screens)</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="44">SPG with Module</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="45">SPG with no Module</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="46">System License</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="47">System Maintenance &amp; Subscription</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="48">System Support</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="49">Tax Filing</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="50">Test</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="51">test 3</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="52">TEST 4</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="53">test adp</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="54">test no product</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="55">testing_mimi</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="56">testing_mimi02</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="57">Timeclock (JC)</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="58">TimeClock Procesing</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="59">TimeClock Processing</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="60">Training</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="61">tshref2020</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="62">Updated</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="63">WSS-SPG001-Implementation</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="64">WSS-SPG002-Payroll Process</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="65">WSS-SPG003-Payroll Service</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="66">WSS-SPG004-Leave Process</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="67">WSS-SPG005-Training</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="68">Yen-Performance Appraisal</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="69">Yen-Workpass</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="70">YJ Test No Module</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" id="WorkOrderType-list" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><span class="k-list-filter"><input class="k-textbox" role="listbox" aria-haspopup="true" aria-expanded="false" aria-owns="WorkOrderType_listbox" tabindex="0" aria-disabled="false" aria-activedescendant="ac6b1f90-20ac-4f92-8b71-131aa02c754a"><span class="k-icon k-i-zoom"></span></span><div class="k-list-optionlabel"> </div><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" id="WorkOrderType_listbox" aria-live="polite" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">HR Services</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Outsourcing ADP Add On</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Outsourcing ADP Out Of Scope</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="3">Outsourcing ADP Standard</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected k-state-focused" aria-selected="true" data-offset-index="4" id="ac6b1f90-20ac-4f92-8b71-131aa02c754a">Outsourcing Direct</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" id="ProductId-list" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><span class="k-list-filter"><input class="k-textbox" role="listbox" aria-haspopup="true" aria-expanded="false" aria-owns="ProductId_listbox" tabindex="0" aria-disabled="false" aria-activedescendant="0b9f4f18-d0f5-479c-befb-e28667cac6c1"><span class="k-icon k-i-zoom"></span></span><div class="k-list-optionlabel"> </div><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" id="ProductId_listbox" aria-live="polite" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected k-state-focused" aria-selected="true" data-offset-index="0" id="0b9f4f18-d0f5-479c-befb-e28667cac6c1">v1</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">v3</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" id="ModuleId-list" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><span class="k-list-filter"><input class="k-textbox" role="listbox" aria-haspopup="true" aria-expanded="false" aria-owns="ModuleId_listbox" tabindex="0" aria-disabled="false" aria-activedescendant="ff6e5f1a-aa18-4fb4-9b57-4a72c07622d1"><span class="k-icon k-i-zoom"></span></span><div class="k-list-optionlabel"> </div><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" id="ModuleId_listbox" aria-live="polite" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected k-state-focused" aria-selected="true" data-offset-index="0" id="ff6e5f1a-aa18-4fb4-9b57-4a72c07622d1">Payroll</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div aria-hidden="true" class="k-calendar-container k-popup k-group k-reset" id="SignedDate_dateview" data-role="popup" style="display: none; position: absolute;"></div><div aria-hidden="true" class="k-calendar-container k-popup k-group k-reset" id="StartDate_dateview" data-role="popup" style="display: none; position: absolute;"></div><div class="k-list-container k-popup k-group k-reset" id="WorkOrderDurationUnit-list" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><span class="k-list-filter"><input class="k-textbox" role="listbox" aria-haspopup="true" aria-expanded="false" aria-owns="WorkOrderDurationUnit_listbox" tabindex="0" aria-disabled="false" aria-activedescendant="c5835802-831e-4e69-afa0-8cb25164fb75"><span class="k-icon k-i-zoom"></span></span><div class="k-list-optionlabel k-state-selected k-state-focused" id="c5835802-831e-4e69-afa0-8cb25164fb75"> </div><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" id="WorkOrderDurationUnit_listbox" aria-live="polite" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">Month</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Year</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div aria-hidden="true" class="k-calendar-container k-popup k-group k-reset" id="ExpiryDate_dateview" data-role="popup" style="display: none; position: absolute;"></div><div class="k-widget k-window" data-role="draggable" style="padding-top: 28px; min-width: 90px; min-height: 50px; width: 800px; height: 300px; display: none; top: 0px; left: 0px;"><div class="k-window-titlebar k-header" style="margin-top: -28px;"><span class="k-window-title" id="WorkOrderStaffAllocationRemarkPopUp_wnd_title"></span><div class="k-window-actions"><a role="button" href="#" class="k-button k-bare k-button-icon k-window-action" aria-label="Close"><span class="k-icon k-i-close"></span></a></div></div><div id="WorkOrderStaffAllocationRemarkPopUp" style="" data-role="window" class="k-window-content k-content" tabindex="0" role="dialog" aria-labelledby="WorkOrderStaffAllocationRemarkPopUp_wnd_title"></div></div><div class="k-widget k-window" data-role="draggable" style="padding-top: 28px; min-width: 90px; min-height: 50px; width: 1200px; height: 600px; display: none; top: 0px; left: 0px;"><div class="k-window-titlebar k-header" style="margin-top: -28px;"><span class="k-window-title" id="HRMSRequestPopUp_wnd_title"></span><div class="k-window-actions"><a role="button" href="#" class="k-button k-bare k-button-icon k-window-action" aria-label="Close"><span class="k-icon k-i-close"></span></a></div></div><div id="HRMSRequestPopUp" style="" data-role="window" class="k-window-content k-content" tabindex="0" role="dialog" aria-labelledby="HRMSRequestPopUp_wnd_title"></div></div><div class="k-widget k-window" data-role="draggable" style="padding-top: 28px; min-width: 90px; min-height: 50px; width: 1200px; height: 600px; display: none; top: 0px; left: 0px;"><div class="k-window-titlebar k-header" style="margin-top: -28px;"><span class="k-window-title" id="NotifyStaffPopUp_wnd_title"></span><div class="k-window-actions"><a role="button" href="#" class="k-button k-bare k-button-icon k-window-action" aria-label="Close"><span class="k-icon k-i-close"></span></a></div></div><div id="NotifyStaffPopUp" style="" data-role="window" class="k-window-content k-content" tabindex="0" role="dialog" aria-labelledby="NotifyStaffPopUp_wnd_title"></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">5</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">10</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected k-state-focused" aria-selected="true" data-offset-index="2" id="65de90f9-8a5d-4117-97b8-b3bc7a700597">20</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="3">50</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">100</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Starts with</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="3" id="09d41ec5-b0e9-4b7b-9185-92a1cefed2a6">Contains</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Does not contain</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Ends with</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">Is empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">Is not empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="10">Has no value</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="11">Has value</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="polite" data-role="staticlist" role="listbox"></ul></div><div class="k-nodata" style="display:none"><div></div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Starts with</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="3" id="34b4e911-1a6f-4256-aabe-d4fbae564352">Contains</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Does not contain</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Ends with</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">Is empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">Is not empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="10">Has no value</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="11">Has value</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="polite" data-role="staticlist" role="listbox"></ul></div><div class="k-nodata" style="display:none"><div></div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Starts with</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="3" id="ca3244eb-4424-40c9-ae6f-1d9ad59f1b78">Contains</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Does not contain</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Ends with</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">Is empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">Is not empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="10">Has no value</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="11">Has value</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="polite" data-role="staticlist" role="listbox"></ul></div><div class="k-nodata" style="display:none"><div></div></div></div><div aria-hidden="true" class="k-calendar-container k-popup k-group k-reset" data-role="popup" style="display: none; position: absolute;"></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="0" id="93bfee43-94da-4e74-8170-2e8b8e625d54">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Is after or equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="3">Is after</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Is before or equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Is before</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div aria-hidden="true" class="k-calendar-container k-popup k-group k-reset" data-role="popup" style="display: none; position: absolute;"></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="0" id="41ad837e-e0fc-4e6d-bf34-a5bb1aab0b42">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Is after or equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="3">Is after</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Is before or equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Is before</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Starts with</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="3" id="2790fbc3-ff8e-41d2-b53f-cceab49c4fec">Contains</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Does not contain</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Ends with</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">Is empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">Is not empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="10">Has no value</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="11">Has value</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="polite" data-role="staticlist" role="listbox"></ul></div><div class="k-nodata" style="display:none"><div></div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="0">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Starts with</li><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="3" id="4af6e6df-ed98-49e2-bb69-57f23bccb7e0">Contains</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Does not contain</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Ends with</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="8">Is empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="9">Is not empty</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="10">Has no value</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="11">Has value</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="polite" data-role="staticlist" role="listbox"></ul></div><div class="k-nodata" style="display:none"><div></div></div></div><div aria-hidden="true" class="k-calendar-container k-popup k-group k-reset" data-role="popup" style="display: none; position: absolute;"></div><div class="k-list-container k-popup k-group k-reset" data-role="popup" aria-hidden="true" style="display: none; position: absolute;"><div class="k-group-header" style="display:none"></div><div class="k-list-scroller" unselectable="on"><ul unselectable="on" class="k-list k-reset" tabindex="-1" aria-hidden="true" aria-live="off" data-role="staticlist" role="listbox"><li tabindex="-1" role="option" unselectable="on" class="k-item k-state-focused k-state-selected" aria-selected="true" data-offset-index="0" id="d9c8170c-2ebe-468c-a456-ec9fc6493fca">Is equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="1">Is not equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="2">Is after or equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="3">Is after</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="4">Is before or equal to</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="5">Is before</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="6">Is null</li><li tabindex="-1" role="option" unselectable="on" class="k-item" aria-selected="false" data-offset-index="7">Is not null</li></ul></div><div class="k-nodata" style="display:none"><div>No data found.</div></div></div><div class="k-widget k-window" data-role="draggable" style="padding-top: 28px; min-width: 90px; min-height: 50px; width: 800px; height: 300px; display: none; top: 561.625px; left: 62.0313px;"><div class="k-window-titlebar k-header" style="margin-top: -28px;"><span class="k-window-title" id="WorkOrderStaffAllocationRemarkPopUp_wnd_title"></span><div class="k-window-actions"><a role="button" href="#" class="k-button k-bare k-button-icon k-window-action" aria-label="Close"><span class="k-icon k-i-close"></span></a></div></div><div id="WorkOrderStaffAllocationRemarkPopUp" style="" data-role="window" class="k-window-content k-content" tabindex="0" role="dialog" aria-labelledby="WorkOrderStaffAllocationRemarkPopUp_wnd_title"></div></div><div class="k-widget k-window" data-role="draggable" style="padding-top: 28px; min-width: 90px; min-height: 50px; width: 1200px; height: 600px; display: none; top: 561.625px; left: 62.0313px;"><div class="k-window-titlebar k-header" style="margin-top: -28px;"><span class="k-window-title" id="HRMSRequestPopUp_wnd_title"></span><div class="k-window-actions"><a role="button" href="#" class="k-button k-bare k-button-icon k-window-action" aria-label="Close"><span class="k-icon k-i-close"></span></a></div></div><div id="HRMSRequestPopUp" style="" data-role="window" class="k-window-content k-content" tabindex="0" role="dialog" aria-labelledby="HRMSRequestPopUp_wnd_title"></div></div><div class="k-widget k-window" data-role="draggable" style="padding-top: 28px; min-width: 90px; min-height: 50px; width: 1200px; height: 600px; display: none; top: 561.625px; left: 62.0313px;"><div class="k-window-titlebar k-header" style="margin-top: -28px;"><span class="k-window-title" id="NotifyStaffPopUp_wnd_title"></span><div class="k-window-actions"><a role="button" href="#" class="k-button k-bare k-button-icon k-window-action" aria-label="Close"><span class="k-icon k-i-close"></span></a></div></div><div id="NotifyStaffPopUp" style="" data-role="window" class="k-window-content k-content" tabindex="0" role="dialog" aria-labelledby="NotifyStaffPopUp_wnd_title"></div></div><script id="teststudio-recorder" extension_id="gegcllkonmciadpdldechnepmjildoan" type="text/javascript" src="chrome-extension://gegcllkonmciadpdldechnepmjildoan/scripts/teststudio.js"></script></body></html>